Hello…
I placed an ajaxSubmit button on a form, but after the page is loaded the button does nothing.
I saw the source code and I realized that no jquery JavaScripts are loaded.
This is the form I placed on a page:
echo EHtml::beginForm();
echo '<div class="simple">';
echo EHtml::label('Nombre', 'nombre');
echo EHtml::textField('nombre', '', array('size'=>35, 'maxlength'=>100));
echo '</div>';
echo '<div class="simple">';
echo EHtml::label('E-mail', 'email');
echo EHtml::textField('email', '', array('size'=>35, 'maxlength'=>80));
echo '</div>';
$url = $this->createUrl('site/aviso');
$opciones = array(
'type'=>'POST',
'beforeSend'=>'function() {
var nombre = document.getElementById("nombre").value.replace(/ /g, "");
if (nombre == "")
{
alert("Debe ingresar su nombre.");
return false;
}
var email = document.getElementById("email").value.replace(/ /g, "");
if (email == "")
{
alert("Debe ingresar su dirección de e-mail. Nosotros le avisaremos a esa dirección cuando el producto llegue.");
return false;
}
return true;
}
',
'success'=>'function() {
alert("Hemos recibido su subscripción. apenas nos llegue el producto, le avisaremos.");
}
',
'error'=>'function() {
alert("Existió un error al procesar su solicitud. Por favor, intente nuevamente más tarde.");
}
'
);
echo EHtml::hiddenField('producto', $producto['id']);
echo '<div class="action">';
echo EHtml::ajaxSubmitButton('Enviar', $url, $opciones);
echo '</div>';
echo EHtml::endForm();
Any help will be greatly appreciated.
Thanks
Jame