layer框架中自定义ajax验证

最新推荐文章于 2021-08-06 14:01:58 发布

日出东方VS唯我不败

最新推荐文章于 2021-08-06 14:01:58 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： ◆前端开发 # AJAX 文章标签： layer框架中自定义ajax验证

本文链接：https://blog.youkuaiyun.com/qq_32786873/article/details/79727326

◆前端开发同时被 2 个专栏收录

59 篇文章

订阅专栏

AJAX

3 篇文章

订阅专栏

本文介绍如何使用layui的form.verify方法实现自定义表单验证规则。包括对表单值进行正则匹配检查特殊字符、首尾下划线限制、长度最小值验证及全数字限制等。此外还演示了通过ajax请求远程验证手机号是否已注册。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用layui的form.verify实现自定义验证规则

//自定义验证规则
form.verify({
	name: function(value, item){//value：表单的值、item：表单的DOM对象
            if(!new RegExp('^[a-zA-Z0-9_\u4e00-\u9fa5\s·]+$').test(value)){
                 return '不能有特殊字符';
            }
            if(/(^\_)|(\__)|(\_+$)/.test(value)){
                  return '首尾不能出现下划线\'_\'';
            }
            var minlength = $(item).attr("minlength");
            if(minlength && value.length < minlength){
      	      return '长度至少为'+minlength+"位";
            }
            if(/^\d+$/.test(value)){
                return '不能全为数字';
            }
	},
	mobile: function(value, item){
	    var msg;
	    $.ajax({
	        type: "POST",
	        url: '/quote-web/api/supplier/checkMobile',
                async: false, // 使用同步的方法
                data: {
                    id: $("#id").val(),
                    mobile:value
                },
                dataType: 'json',
                success: function(result) {
                    if (result.code == 200 && result.data == true) {
                        msg = result.msg;//return写在最后面，之前我在这里直接return，无法实现验证
                    }
                }
            });
	    return msg;
	}
});

注意：要使用async: false