$(function(){
// 手机号验证
jQuery.validator.addMethod("isPhone", function(value, element) {
var length = value.length;
var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
return this.optional(element) || (length == 11 && mobile.test(value));
}, "请填写正确的手机号码");
// 中文姓名验证,先验证中文,再验证个数
jQuery.validator.addMethod('chcharacter', function(value, element){
var tel = /^[u4e00-u9fa5]+$/;
console.log(tel.test(value))
return this.optional(element) || !(tel.test(value));
}, '请输入汉字');
$('#btn-form1').on('click',function(){
var anniu=this
// 设置再次提交的时间限制
var wait = 30;
function time_limit(obj) {
if (wait == 0) {
obj.removeAttribute("disabled");
obj.value = "提交";
wait = 20;
} else {
obj.setAttribute("disabled", true);
obj.value = "重新提交(" + wait + ")";
wait--;
setTimeout(function () {
time_limit(obj)
},
1000)
}
}
// 先验证,并且设置一个状态,验证通过后,才能提交
var status= $("#form1").validate({
rules : {
mianji:{
required : true,
number:true
},
name : {
required : true,
chcharacter:true,
rangelength:[2,5]
},
shouji : {
required : true,
isPhone:true
}
},
messages : {
mianji : {
required : '请输入房屋面积',
number:'请输入数字,面积为平方米',
},
name : {
required : '请输入姓名',
chcharacter:'请输入汉字',
rangelength:'名字中最少2个汉字,最多5个'
},
shouji : {
required : '请填写手机号',
isPhone : '手机号格式不正确',
}
}
});
console.log(status.form())
// 根据验证的状态,进行判断,再提交
if(status.form()){
// var list={};
// var diag = new Dialog();
var name=$('#name').val()
var mianji=$('#mianji').val()
var shouji=$('#shouji').val()
var time=$('#time').val()
var dataString = 'name='+ name + '&mianji='+mianji+'平方米&action=post&shouji=' + shouji + '&time=' + time + '&diyid=2&do=2&dede_fields=name,text;shouji,text;time,text;mianji,text&dede_fieldshash=15b519c934da3a1f3512a53e131f5522&submit=提交';
// console.log(list)
$.ajax({
//请求方式
type : "POST",
//请求的媒体类型
// contentType: "application/json;charset=UTF-8",
// 响应的json返回值
datatype: "json",
//请求地址
url : "//www.xxx/plus/diy.php",
//数据,json字符串
data : dataString,
//请求成功
success : function(result) {
// return false;
// console.log(result);
if(result.code==1){
$.DialogByZ.Alert({Title: "温馨提示", Content: "提交成功,请耐心等待报价",BtnL:"确定"})
// 请求成功之后,执行时间限制的函数
console.log(anniu);
time_limit(anniu)
}
},
//请求失败,包含具体的错误信息
error : function(e){
console.log(e.status);
console.log(e.responseText);
}
})
}else{
return false;
}
})
})
更多推荐
html5validate ajax提交,织梦cms表单使用ajax提交、前端验证并提示30秒后再提交
发布评论