自定义表单验证

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);  
时间: 2024-08-03 11:28:06

自定义表单验证的相关文章

jquery.validate.js使用之自定义表单验证规则

jquery.validate.js使用之自定义表单验证规则,下面列出了一些常用的验证法规则 jquery.validate.js演示查看 jquery validate强大的jquery表单验证插件 http://www.51xuediannao.com/js/jquery/jquery_validate/ ======================================================== //扩展验证规则 //邮箱 表单验证规则jQuery.validator.

Angular5+ 自定义表单验证器

Angular5+ 自定义表单验证器 Custom Validators 标签(空格分隔): Angular 首先阐述一下遇到的问题: 怎样实现"再次输入密码"的验证(两个controller值相等)(equalTo) 怎样反向监听(先输入"再次输入密码",后输入设置密码) 解决思路: 第一个问题,可以通过[AbstractControl].root.get([targetName])来取得指定的controller,然后比较他们的值. 第二个,可以通过[targe

在AngularJS中实现自定义表单验证

除了一些已经定义好了的验证(例如 必填项.最小长度.最大长度)之外,更常用的,还是需要我们自己定义表单验证,这样才能对于项目中遇到的很多非常规问题给出自己的合适的解决方案. 在表单中控制变量 表单的属性可以在其所属的$scope对象中访问到,而我们又可以访问$scope对象,因此JavaScript可以间接地访问DOM中的表单属性.借助这些属性,我们可以对表单做出实时响应.可以使用下面这样的格式来访问这些属性: formName.inputFileldName.property 未修改的表单 f

iview自定义表单验证 &amp;&amp;&amp; 多表单同时验证

一.自定义验证     data () { const validateSectionFileType = (rule, value, callback) => { if (value <= 0) { callback(new Error('类型不能为空')); } else { callback(); } }; const validateSectionTime = (rule, value, callback) => { if (value === '') { callback(ne

html用JQuery自定义表单验证。

首先来看看我的表单: html部分: <body> <form method="post" action=""> <div class="int"> <label for="username">用户名:</label> <!-- 为每个需要的元素添加required --> <input type="text" id="

layui 自定义表单验证 以及提交表单

订购数量</span> <span style="color: red">*</span>: <input type="text" required lay-verify="required|number|isManzu" id="proOrderNum" name="proOrderNum" class="input" value="

element-ui 自定义表单验证 , 但是不出现小红心了

基本上按照文档上提供的方式做就没啥大问题 , 我遇到的问题是 , 自定义以后不显示小红星了 <el-form :model="ruleForm2" status-icon :rules="rules2" ref="ruleForm2" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码"

jquery.validate.js之自定义表单验证规则

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4 <script type="text/javascript" src="jquery-1.8.3.js"></script> 5 <script type="text/jav

vue + element 实现登录注册(自定义表单验证规则)

注册页包含手机验证码登录和密码的二次验证. 效果如下: 实现代码: <template> <div> <div class="register-wrapper"> <div id="register"> <p class="title">注册</p> <el-form :model="ruleForm2" status-icon :rules=&qu