[英]How do you validate a jquery/ajax form?
因此,我有此注册表单,该如何验证此表单,因为每次提交时,即使每次单击按钮时都没有数据会添加到数据库中。 到目前为止,这是我的代码:
<form id="signupform" class="form" method="post" action="#">
<div class="input-prepend" ><span class="add-on"><i class="glyphicon glyphicon-user"></i></span>
<label for="name">Your Full Name</label>
<input type="text" id="name" name="name" placeholder="your full name" size="40">
</div>
<br />
<div class="input-prepend"><span class="add-on"><i class="glyphicon glyphicon-envelope"></i></span>
<label for="email">Your Email</label>
<input type="email" id="email" name="email" placeholder="your@email.com" size="40" style="color:black;" class="validate" required>
</div>
<br />
<button type="submit" class="btn btn-large" name="action"> Sign Up!</button>
</form>
这就是我的jQuery代码所具有的:
$(document).ready(function(){
jQuery("#signupform").on("submit",function(e){
e.preventDefault();
var name = jQuery("#name").val();
var email = jQuery("#email").val();
var fd = new FormData();
fd.append("name",name);
fd.append("email",email);
jQuery.ajax({
type: 'POST',
url: 'signup.php',
data: fd,
processData: false,
contentType: false
})
jQuery('#signupform')[0].reset();
});
});
$(document).ready(function(){
jQuery("#signupform").on("submit",function(e){
e.preventDefault();
var name = jQuery("#name").val();
var email = jQuery("#email").val();
if (!nome || !email || !email.match(/.+@.+[.].+/))
{
alert("complete the form before submit");
return;
}
var fd = new FormData();
fd.append("name",name);
fd.append("email",email);
jQuery.ajax({
type: 'POST',
url: 'signup.php',
data: fd,
processData: false,
contentType: false
})
jQuery('#signupform')[0].reset();
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.