Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos!
Criei um pequeno formulário em html e também um arquivo javascript onde é feito a validação dos campos. Este javascript é acionado por um evento onsubmit.
Minha dúvida é a seguinte: já que eu peguei todos os valores dos campos e armazenei dentro de variáveis , ainda dentro desta função ( Validator() )eu podeira enviar essas variáveis para outra página usando ajax antes que ele seja submetido? Tendo em vista que eu não coloquei link no action?
Se isso for possível, como fica o código para enviar as variáveis com ajax?
<form name="frm" action="#" method="post" onSubmit="return validator();">
<fieldset>
<div class="row">
<section class="col col-12">
<label class="input">
</label>
</section>
</div>
</fieldset>
<fieldset>
<div class="row">
<section class="col col-6">
<label class="input">
<i class="icon-prepend fa fa-user"></i>
<input type="text" name="first_name" placeholder="First Name" value="">
</label>
</section>
<section class="col col-6">
<label class="input">
<i class="icon-prepend fa fa-user"></i>
<input type="text" name="last_name" placeholder="Last Name" value="">
</label>
</section>
</div>
<div class="row">
<section class="col col-6">
<label class="input">
<i class="icon-prepend fa fa-envelope"></i>
<input type="text" name="email" placeholder="Email" value="">
</label>
</section>
<section class="col col-6">
<label class="input">
<i class="icon-prepend fa fa-phone"></i>
<input type="text" name="phone" placeholder="Phone" value="">
</label>
<input type="submit" class="btn-u pull-right" value="Enviar" />
</section>
</div>
</fieldset>
</form>
Validação com javascript
function validator(){
var first_name = document.frm.first_name.value;
var last_name = document.frm.last_name.value;
var email = document.frm.email.value;
var phone = document.frm.phone.value;
if(first_name ==""){
alert("The First Name field is required.");
return false;
}
if(last_name ==""){
alert("The Last Name field is required.");
return false;
}
if( email =="" || email.indexOf('@')==-1 || email.indexOf('.')==-1){
alert("The Email field must contain a valid email address.");
return false;
}
if(phone ==""){
alert("The Phone field is required.");
return false;
}
}Carregando comentários...