jquery的表单验证

最新推荐文章于 2024-05-23 22:33:59 发布

倔强的凌

最新推荐文章于 2024-05-23 22:33:59 发布

阅读量125

点赞数 1

分类专栏：前端文章标签： jquery validate 自定义手机号码验证

本文链接：https://blog.csdn.net/qq_34091758/article/details/85248979

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

//验证baseViewForm表单必填项等
function baseEditValidate(){
	
	addTelValide();//手机号码验证方法
	return $("#baseViewForm").validate({
		rules: {
			legalRep : {//法定负责人
				required: true
			},
			contractor : {//联系人
				required: true
			},
			tel : {//手机号
				required : true,
				isTel : true
			}
		},
		 messages: {
			 	tel : {  
			       isTel : "请填写正确的手机号码"
	  		 	}
		 }
	}).form();
}	

//手机号码验证  
function addTelValide(){
	jQuery.validator.addMethod("isTel",
		function(value, element) {
			var length = value.length;
			var tel = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/;
			return this.optional(element) || (length == 11 && tel.test(value));
		}, "");
}
//保存
function save(){
	if(!baseEditValidate()){
		return;
	}
	$.ajax({
        url: home_url + xxx,
        type: 'post',
        dataType: 'json',
        data : $("#baseViewForm").serialize(),
        success: function (data) {
        	$.jGrowl(data.message);
        },
        error: function () {
            $.jGrowl("异常！请重新尝试或者联系管理员！");
        }
    });
}