validate自定义验证

表格验证插件-validate

孤人 提交于 2020-03-26 13:25:28
表格验证插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下:$(form).validate({options}) 其中form参数表示表单元素名称,options参数表示调用方法时的配置对象,所有的验证规则和异常信息显示的位置都在该对象中进行设置。 例如,当点击表单中的“提交”按钮时,调用validate插件验证用户名输入是否符合规则,并将异常信息显示在页面中,如下面代码所示: <body> <form id="frmV" method="get" action="#"> <div id="divtest"> <div class="title"> <span class="fl">表单验证插件</span> <span class="fr"> <input id="btnSubmit" type="submit" value="提交" /> </span> </div> <div class="content"> <span class="fl">邮箱:</span><br /> <input id="email" name="email" type="text" /><br /> <span class="tip"></span> </div> </div> </form> <script type="text

jQuery Validate验证框架详解

白昼怎懂夜的黑 提交于 2020-02-29 06:26:00
jQuery校验官网地址: http://bassistance.de/jquery-plugins/jquery-plugin-validation 一、导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="<%=path %>/validate/jquery.validate.min.js"></script> 注:<%=request.getContextPath() %>返回web项目的根路径。 二、默认校验规则 (1)、required:true 必输字段 (2)、remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值 (3)、email:true 必须输入正确格式的电子邮件 (4)、url:true 必须输入正确格式的网址 (5)、date:true 必须输入正确格式的日期,日期校验ie6出错,慎用 (6)、dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 (7)、number:true 必须输入合法的数字(负数,小数) (8

第六章、Struts2数据校验

两盒软妹~` 提交于 2020-02-22 04:44:14
一、三种实现方式 ① 用validate()方法实现数据校验 继承ActionSupport类,该类实现了Validateable接口,该接口中定义了一个validate()方法,在自定义的Action类中重写validate()方法,如果校验表单输入域出现错误,则将错误添加到ActionSupport类的fieldErrors域中,然后通过OGNL表达式负责输出。 实现思路: 准备注册页面:regist.jsp 创建Action类ValidateAction,该类继承自ActionSupport,并重写execute(),因为要实现数据校验,所以需重写validate(),然后进行一系列的判定 public class ValidateAction extends ActionSupport{ private UserInfo info; //确认密码 private String okpwd; @Override public String execute() throws Exception{ return SUCCESS; } //实现数据校验 @Override public void validate() { if(info.getUsername().length()==0){ addFieldError("username", "用户名不能为空"); } if

在DNN中使用jQuery的插件Validate

浪子不回头ぞ 提交于 2020-02-21 13:11:20
在DNN中已经集成了jQuery,但是由于对jQuery不熟悉,对.net用得也有些生疏,所以在使用jQuery插件时做了些无用功,现记下过程,以备忘记。 一: 我将validate插件 “/Resources/Shared/scripts/jquery/”目录中,所以在模块的头部应该做如下引用。 < script src ="<%=ResolveUrl(" ~/Resources/Shared/scripts/jquery/jquery.validate.min.js")% > " type= " text / javascript">< / script > 二: 模块设计时用定义<asp:TextBox id=“txtName" .... />,结果在输出时id变成了dnn_ctr381_EditDeviceDeploy_txtName,之前写jQuery时使用的$("#txtName")当然不对了,因为ASP.NET 和DNN 都会重写控件的ID,所以写客户端的JS是不能直接使用ID,而是要用一段代码获取 ClientID. 可以把$("#txtName") 替换为$("<%= txtName.ClientID %>") 。 三: validate插件使用控件中定义的name进行验证的,所以控件应该写成 < asp:TextBox id ="txtDeviceName"

jQuery Validate验证框架使用

生来就可爱ヽ(ⅴ<●) 提交于 2020-02-20 20:46:59
jQuery Validate使用前的准备,需要下载相应js包括:1、jquery.validate.min.js。2、additional-methods.min.js。 当然必不可少的js jQuery文件。 引入上面的js后开始使用,jv(jquery validate以下叫jv)有两种用法,先看第一种: 第一种就是直接在控件上用class的方式直接用,如:class="email",这种方法如果想验证长度,好像不起效果,也可能是没研究出来。 jv的提示语默认是英文的,我们可以用内置方法把提示语换成我们想要的内容。 注意:使用前必须指定要验证的form。看代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jq控件验证</title> <script src="Script/jquery.min.js"></script> <script src="jqvaldate/jquery.validate.min.js"></script> <script src="jqvaldate/additional-methods.min.js"><

Jquery插件validate使用一则

若如初见. 提交于 2020-02-20 07:52:38
jquery.validate是一个基于jquery的非常优秀的验证框架,可以通过它迅速验证一些常见的输入,并且可以自己扩充自己的验证方法。 主要功能有: 验证url,email,number,length,require等。 默认校验规则: (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 日期校验ie6出错,慎用 (6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 (7)number:true 必须输入合法的数字(负数,小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:"#field" 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串(上传文件的后缀) (12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5

06章 Struts2数据校验

喜你入骨 提交于 2020-02-20 07:50:42
一、三种实现方式 ① 用validate()方法实现数据校验 继承ActionSupport类,该类实现了Validateable接口,该接口中定义了一个validate()方法,在自定义的Action类中重写validate()方法,如果校验表单输入域出现错误,则将错误添加到ActionSupport类的fieldErrors域中,然后通过OGNL表达式负责输出。 实现思路: 准备注册页面:regist.jsp 创建Action类ValidateAction,该类继承自ActionSupport,并重写execute(),因为要实现数据校验,所以需重写validate(),然后进行一系列的判定 public class ValidateAction extends ActionSupport{ private UserInfo info; //确认密码 private String okpwd; @Override public String execute() throws Exception{ return SUCCESS; } //实现数据校验 @Override public void validate() { if(info.getUsername().length()==0){ addFieldError("username", "用户名不能为空"); } if

ERROR 1819 (HY000): Your password does not satisfy the current policy requirements

一世执手 提交于 2020-02-12 20:03:14
关于这个问题是在 《 基于MySQL Yum存储库在Linux-7.2上安装MySQL-5.7.21数据库服务(实战篇) 》 时遇到的问题,这是 mysql 初始化时,使用临时密码,修改自定义密码时,由于自定义密码比较简单,就出现了不符合密码策略的问题。 密码策略问题异常信息: ERROR 1819 (HY000): Your password does not satisfy the current policy requirements 如下图: 解决办法: 1、查看 mysql 初始的密码策略, 输入语句 “ SHOW VARIABLES LIKE 'validate_password%'; ” 进行查看, 如下图: 2、首先需要设置密码的验证强度等级,设置 validate_password_policy 的全局参数为 LOW 即可, 输入设值语句 “ set global validate_password_policy=LOW; ” 进行设值, 如下图: 3、当前密码长度为 8 ,如果不介意的话就不用修改了,按照通用的来讲,设置为 6 位的密码,设置 validate_password_length 的全局参数为 6 即可, 输入设值语句 “ set global validate_password_length=6; ” 进行设值, 如下图: 4、现在可以为

Jquery表单验证插件validate

☆樱花仙子☆ 提交于 2020-02-08 03:26:21
写在前面:    在做一些添加功能的时候,表单的提交前的验证是必不可少的,jquery的validate插件就还可以,对于基本的需求已经够了。这里记录下基本的用法。    还是写个简单的demo吧 <html> <head> <meta name="viewport" content="width=device-width" /> <title>Jquery表单校验插件validate</title> <%--jqury插件--%> <script src="${baseURL}/Bootstrap/bootstrap/assets/js/jquery-1.10.2.min.js"></script> <%--validate插件--%> <script src="${baseURL}/ligerui/jquery-validation/jquery.validate.min.js"></script> <%--中文提示插件--%> <script src="${baseURL}/ligerui/jquery-validation/messages_cn.js" type="text/javascript"></script> </head> <body> <div > <form id="myform"> <table> <tr> <td> ID </td> <td>

vee-validate的使用

给你一囗甜甜゛ 提交于 2020-01-26 19:37:40
官网地址: http://vee-validate.logaretm.com/ 这是一个插件Vue.js可以验证输入字段,显示错误,在一个简单而强大的方法。 学习vee-validate,首先可以去阅读官方文档,更为详细可以阅读官网中的规则。 下面来简单总结一下使用方法: 一、安装 npm install vee-validate@next --save 后面加@next是为了安装vue2.0的版本 二、引入 使用的是vue-cli脚手架工具,需要在main.js中 import VeeValidate from 'vee-validate' Vue.use(VeeValidate); 三、简单的使用 这个时候其实已经可以使用了,先上demo <div>   <label for="email">邮箱:</label>   <input v-validate ="'required|email'" type="text" id="email" name="myEmail"> </div> <span v-show="errors.has('myEmail')">{{ errors.first('myEmail')}}</span> 解释一下:v-validate后面的required和email是官方已经规定好的几种默认错误类型中的两个,这个可以阅读官方文档。