常用的表单验证:
// 表单验证
var userName = false;
var userPhone = false;
var userEmail = false;
var privacyClauseCheckbox = false;
//验证收货人
$('input[name="userName"]').focus(function() {
}).blur(function() {
if($(this).val().length >= 1 && $(this).val().length <= 10 && $(this).val() != '') {
userName = true;
} else {
change_input('userName', '请填写姓名');
}
});
// 验证邮箱
$('input[name="userEmail"]').focus(function() {
}).blur(function() {
if($(this).val().search(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ ) == -1) {
$(this).val("");
change_input( "userEmail","请输入正确的邮箱格式!");
} else {
userEmail = true;
}
});
// 验证手机号
$('input[name="userPhone"]').focus(function() {
}).blur(function() {
if($(this).val().search(/^1[34578]\d{9}$/) == -1) {
$(this).val("");
change_input( "userPhone","请输入正确的手机号格式!");
} else {
userPhone = true;
}
});
// 隐私条款
$("input[name='privacyClauseCheckbox']").click(function(){
if($("input[name='privacyClauseCheckbox']").is(':checked')){
// alert(111);
$('.privacyClause span').css('background-image','url(img/right.png)');
privacyClauseCheckbox = true;
} else {
$('.privacyClause span').css('background-image','none');
privacyClauseCheckbox = false;
}
});
//
function change_input(name, msg)
{
var squery = '[name=' + name + ']';
$(squery).attr('placeholder', msg);
$(squery).addClass('chage_input');
$(squery).focus(function(){
$(this).removeClass('chage_input');
})
}
$('.sumbitForm').click(function() {
if(userName && userPhone && userEmail && privacyClauseCheckbox) {
// showLoading();
$.ajax({
type: "POST", //提交的方法
url:"/home/request", //提交的地址
data:$("#formData").serialize(),// 序列化表单值
async: false,
success: function(data) {
hideLoading();
alert(data); //就将返回的数据显示出来
window.location.href="跳转页面"
}
// error: function(request) { //失败的话
// alert("Connection error");
// },