自定义表单验证

Posted fight139

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义表单验证相关的知识,希望对你有一定的参考价值。

1.引入必要的文件

<link href="~/Content/easyui/themes/default/easyui.css" rel="stylesheet" />
<link href="~/Content/easyui/themes/icon.css" rel="stylesheet" />

<script src="~/Content/easyui/js/jquery.min.js"></script>
<script src="~/Content/easyui/js/jquery.easyui.min.js"></script>
<script src="~/Content/easyui/js/easyui-lang-zh_CN.js"></script>


<script src="~/js/easyui-extend-rcm.js"></script>   自定义的文件

2.自定义表单验证

 

(function ($) {
    $.extend($.fn.validatebox.defaults.rules, {
        cardnumber: {
            validator: function (value, param) {
                return /^\d[16]$/.test(value);
            },
            message: ‘请输入正确的身份证号码‘
        },
        checkNum: {
            validator: function (value, param) {
                return /^([0-9]+)$/.test(value);
            },
            message: ‘请输入整数‘
        },
        checkFloat: {
            validator: function (value, param) {
                return /^[+|-]?([0-9]+\.[0-9]+)|[0-9]+$/.test(value);
            },
            message: ‘请输入合法数字‘
        }
    });
})(jQuery);  

 

以上是关于自定义表单验证的主要内容,如果未能解决你的问题,请参考以下文章

如何在验证之前运行自定义代码

validation统一表单验证(含自定义枚举验证)

Blazor University (35)表单 —— 编写自定义验证

自定义密码强度验证器插件

将自定义验证错误消息按元素合并到表单对象中

jquery.validate.js自定义表单验证