1.一般jsp页面上的验证比较多,我们会将验证表单的js单独写成一个js进行引用就可以在相应的jsp进行验证了
该博客转至:http://uule.iteye.com/blog/1849690
多重验证:
- {
- field : 'startPort',
- title : "起始端口",
- editor: "text",
- width : 50,
- editor: {
- type: 'SuperValidatebox',
- options: {
- required: true,
- validType: ['integer','length[0,5]']
- }
- },
- 自从1.3.2版本开始,validatebox自身已经支持多重校验了,例如:
- input class="easyui-validatebox" data-options="required:true,validType:['email','length[0,20]']">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <script src="easyui1.2.4/jquery-1.6.min.js" type="text/javascript"></script>
- <script src="easyui1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
- <!--自定义验证-->
- <script src="easyui1.2.4/validator.js" type="text/javascript"></script>
- <link href="easyui1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
- <script>
- $(function () {
- //设置text需要验证
- $('input[type=text]').validatebox();
- })
- </script>
- </head>
- <body>
- 邮箱验证:<input type="text" validtype="email" required="true" missingMessage="不能为空" invalidMessage="邮箱格式不正确" /><br />
- 网址验证:<input type="text" validtype="url" invalidMessage="url格式不正确[http://www.example.com]" /><br />
- 长度验证:<input type="text" validtype="length[8,20]" invalidMessage="有效长度8-20" /><br />
- 手机验证:<input type="text" validtype="mobile" /><br />
- 邮编验证:<input type="text" validtype="zipcode" /><br />
- 账号验证:<input type="text" validtype="account[8,20]" /><br />
- 汉子验证:<input type="text" validtype="CHS" /><br />
- 远程验证:<input type="text" validtype="remote['checkname.aspx','name']" invalidMessage="用户名已存在"/>
- </body>
- </html>
自定义验证:
- //扩展easyui表单的验证
- $.extend($.fn.validatebox.defaults.rules, {
- //验证汉子
- CHS: {
- validator: function (value) {
- return /^[\u0391-\uFFE5]+$/.test(value);
- },
- message: '只能输入汉字'
- },
- //移动手机号码验证
- mobile: {//value值为文本框中的值
- validator: function (value) {
- var reg = /^1[3|4|5|8|9]\d{9}$/;
- return reg.test(value);
- },
- message: '输入手机号码格式不准确.'
- },
- //国内邮编验证
- zipcode: {
- validator: function (value) {
- var reg = /^[1-9]\d{5}$/;
- return reg.test(value);
- },
- message: '邮编必须是非0开始的6位数字.'
- },
- //用户账号验证(只能包括 _ 数字 字母)
- account: {//param的值为[]中值
- validator: function (value, param) {
- if (value.length < param[0] || value.length > param[1]) {
- $.fn.validatebox.defaults.rules.account.message = '用户名长度必须在' + param[0] + '至' + param[1] + '范围';
- return false;
- } else {
- if (!/^[\w]+$/.test(value)) {
- $.fn.validatebox.defaults.rules.account.message = '用户名只能数字、字母、下划线组成.';
- return false;
- } else {
- return true;
- }
- }
- }, message: ''
- }
- })
- $.extend($.fn.validatebox.defaults.rules, {
- checkWSDL: {
- validator: function(value,param){
- var reg = "^(http://|([0-9]{1,3}[.]{1}[0-9]{1,3}[.]{1}[0-9]{1,3}[.]{1}[0-9]{1,3}:[0-9]{1,4}))[/a-zA-Z0-9._%&:=(),?+]*[?]{1}wsdl$";
- return reg.test(value);
- },
- message: '请输入合法的WSDL地址'
- },
- checkIp : {// 验证IP地址
- validator : function(value) {
- var reg = /^((1?\d?\d|(2([0-4]\d|5[0-5])))\.){3}(1?\d?\d|(2([0-4]\d|5[0-5])))$/ ;
- return reg.test(value);
- },
- message : 'IP地址格式不正确'
- }
- });
=================================
- $.extend($.fn.validatebox.defaults.rules, {
- selectValueRequired: {
- validator: function(value,param){
- if (value == "" || value.indexOf('请选择') >= 0) {
- return false;
- }else {
- return true;
- }
- },
- message: '该下拉框为必选项'
- }
- });
- <select id="serviceType" name="serviceType" style="width: 150px" class="easyui-combobox" required="true" validType="selectValueRequired"></select>
===================================
Remote:远程验证
Easyui validatebox修改
http://blog.csdn.net/qlh2863/article/details/7269689
http://www.cnblogs.com/qiancheng509/archive/2012/11/23/2783700.html
http://blog.csdn.net/dyllove98/article/details/8866711
自己代码:
- equalTo : {
- validator : function(value, param) {
- return $("#" + param[0]).val() == value;
- },
- message : '两次输入的密码不一致!'
- },
- checkPassword :{
- validator : function(value,param){
- var sysUser = {};
- var flag ;
- sysUser.userPassword = value;
- $.ajax({
- url : root + 'login/checkPwd.do',
- type : 'POST',
- timeout : 60000,
- data:sysUser,
- async: false,
- success : function(data, textStatus, jqXHR) {
- if (data == "0") {
- flag = true;
- }else{
- flag = false;
- }
- }
- });
- if(flag){
- $("#userPassword").removeClass('validatebox-invalid');
- }
- return flag;
- },
- message: '原始密码输入错误!'
- }
- <table cellpadding="0" align="center" style="width: 98%; height: 98%; text-align: right;">
- <tr>
- <td>请输入原密码:</td>
- <td style="text-align: left; padding-left: 10px;"><input type="password" id="userPassword" name="userPassword" class="easyui-validatebox"
- data-options="required:true" validType="checkPassword"/>
- </td>
- </tr>
- <tr>
- <td>请输入新密码:</td>
- <td style="text-align: left; padding-left: 10px;"><input type="password" id="newPassword" name="newPassword" class="easyui-validatebox"
- data-options="required:true" />
- </td>
- </tr>
- <tr>
- <td>请确认输入新密码:</td>
- <td style="text-align: left; padding-left: 10px;"><input type="password" id="reNewPassword" name="reNewPassword"
- class="easyui-validatebox" data-options="required:true" validType="equalTo['newPassword']" />
- </td>
- </tr>
- </table>
====================================================================================
- /**
- * 扩展easyui的validator插件rules,支持更多类型验证
- */
- $.extend($.fn.validatebox.defaults.rules, {
- minLength : { // 判断最小长度
- validator : function(value, param) {
- return value.length >= param[0];
- },
- message : '最少输入 {0} 个字符'
- },
- length : { // 长度
- validator : function(value, param) {
- var len = $.trim(value).length;
- return len >= param[0] && len <= param[1];
- },
- message : "输入内容长度必须介于{0}和{1}之间"
- },
- phone : {// 验证电话号码
- validator : function(value) {
- return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
- },
- message : '格式不正确,请使用下面格式:020-88888888'
- },
- mobile : {// 验证手机号码
- validator : function(value) {
- return /^(13|15|18)\d{9}$/i.test(value);
- },
- message : '手机号码格式不正确'
- },
- phoneAndMobile : {// 电话号码或手机号码
- validator : function(value) {
- return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value) || /^(13|15|18)\d{9}$/i.test(value);
- },
- message : '电话号码或手机号码格式不正确'
- },
- idcard : {// 验证身份证
- validator : function(value) {
- return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value) || /^\d{18}(\d{2}[A-Za-z0-9])?$/i.test(value);
- },
- message : '身份证号码格式不正确'
- },
- intOrFloat : {// 验证整数或小数
- validator : function(value) {
- return /^\d+(\.\d+)?$/i.test(value);
- },
- message : '请输入数字,并确保格式正确'
- },
- currency : {// 验证货币
- validator : function(value) {
- return /^\d+(\.\d+)?$/i.test(value);
- },
- message : '货币格式不正确'
- },
- qq : {// 验证QQ,从10000开始
- validator : function(value) {
- return /^[1-9]\d{4,9}$/i.test(value);
- },
- message : 'QQ号码格式不正确'
- },
- integer : {// 验证整数
- validator : function(value) {
- return /^[+]?[1-9]+\d*$/i.test(value);
- },
- message : '请输入整数'
- },
- chinese : {// 验证中文
- validator : function(value) {
- return /^[\u0391-\uFFE5]+$/i.test(value);
- },
- message : '请输入中文'
- },
- chineseAndLength : {// 验证中文及长度
- validator : function(value) {
- var len = $.trim(value).length;
- if (len >= param[0] && len <= param[1]) {
- return /^[\u0391-\uFFE5]+$/i.test(value);
- }
- },
- message : '请输入中文'
- },
- english : {// 验证英语
- validator : function(value) {
- return /^[A-Za-z]+$/i.test(value);
- },
- message : '请输入英文'
- },
- englishAndLength : {// 验证英语及长度
- validator : function(value, param) {
- var len = $.trim(value).length;
- if (len >= param[0] && len <= param[1]) {
- return /^[A-Za-z]+$/i.test(value);
- }
- },
- message : '请输入英文'
- },
- englishUpperCase : {// 验证英语大写
- validator : function(value) {
- return /^[A-Z]+$/.test(value);
- },
- message : '请输入大写英文'
- },
- unnormal : {// 验证是否包含空格和非法字符
- validator : function(value) {
- return /.+/i.test(value);
- },
- message : '输入值不能为空和包含其他非法字符'
- },
- username : {// 验证用户名
- validator : function(value) {
- return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
- },
- message : '用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)'
- },
- faxno : {// 验证传真
- validator : function(value) {
- return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
- },
- message : '传真号码不正确'
- },
- zip : {// 验证邮政编码
- validator : function(value) {
- return /^[1-9]\d{5}$/i.test(value);
- },
- message : '邮政编码格式不正确'
- },
- ip : {// 验证IP地址
- validator : function(value) {
- return /d+.d+.d+.d+/i.test(value);
- },
- message : 'IP地址格式不正确'
- },
- name : {// 验证姓名,可以是中文或英文
- validator : function(value) {
- return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
- },
- message : '请输入姓名'
- },
- engOrChinese : {// 可以是中文或英文
- validator : function(value) {
- return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
- },
- message : '请输入中文'
- },
- engOrChineseAndLength : {// 可以是中文或英文
- validator : function(value) {
- var len = $.trim(value).length;
- if (len >= param[0] && len <= param[1]) {
- return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
- }
- },
- message : '请输入中文或英文'
- },
- carNo : {
- validator : function(value) {
- return /^[\u4E00-\u9FA5][\da-zA-Z]{6}$/.test(value);
- },
- message : '车牌号码无效(例:粤B12350)'
- },
- carenergin : {
- validator : function(value) {
- return /^[a-zA-Z0-9]{16}$/.test(value);
- },
- message : '发动机型号无效(例:FG6H012345654584)'
- },
- same : {
- validator : function(value, param) {
- if ($("#" + param[0]).val() != "" && value != "") {
- return $("#" + param[0]).val() == value;
- } else {
- return true;
- }
- },
- message : '两次输入的密码不一致!'
- }
- });
- /**
- * 扩展easyui validatebox的两个方法.移除验证和还原验证
- */
- $.extend($.fn.validatebox.methods, {
- remove : function(jq, newposition) {
- return jq.each(function() {
- $(this).removeClass("validatebox-text validatebox-invalid").unbind('focus.validatebox').unbind('blur.validatebox');
- // remove tip
- // $(this).validatebox('hideTip', this);
- });
- },
- reduce : function(jq, newposition) {
- return jq.each(function() {
- var opt = $(this).data().validatebox.options;
- $(this).addClass("validatebox-text").validatebox(opt);
- // $(this).validatebox('validateTip', this);
- });
- },
- validateTip : function(jq) {
- jq = jq[0];
- var opts = $.data(jq, "validatebox").options;
- var tip = $.data(jq, "validatebox").tip;
- var box = $(jq);
- var value = box.val();
- function setTipMessage(msg) {
- $.data(jq, "validatebox").message = msg;
- };
- var disabled = box.attr("disabled");
- if (disabled == true || disabled == "true") {
- return true;
- }
- if (opts.required) {
- if (value == "") {
- box.addClass("validatebox-invalid");
- setTipMessage(opts.missingMessage);
- $(jq).validatebox('showTip', jq);
- return false;
- }
- }
- if (opts.validType) {
- var result = /([a-zA-Z_]+)(.*)/.exec(opts.validType);
- var rule = opts.rules[result[1]];
- if (value && rule) {
- var param = eval(result[2]);
- if (!rule["validator"](value, param)) {
- box.addClass("validatebox-invalid");
- var message = rule["message"];
- if (param) {
- for (var i = 0; i < param.length; i++) {
- message = message.replace(new RegExp("\\{" + i + "\\}", "g"), param[i]);
- }
- }
- setTipMessage(opts.invalidMessage || message);
- $(jq).validatebox('showTip', jq);
- return false;
- }
- }
- }
- box.removeClass("validatebox-invalid");
- $(jq).validatebox('hideTip', jq);
- return true;
- },
- showTip : function(jq) {
- jq = jq[0];
- var box = $(jq);
- var msg = $.data(jq, "validatebox").message
- var tip = $.data(jq, "validatebox").tip;
- if (!tip) {
- tip = $("<div class=\"validatebox-tip\">" + "<span class=\"validatebox-tip-content\">" + "</span>" + "<span class=\"validatebox-tip-pointer\">" + "</span>" + "</div>").appendTo("body");
- $.data(jq, "validatebox").tip = tip;
- }
- tip.find(".validatebox-tip-content").html(msg);
- tip.css({
- display : "block",
- left : box.offset().left + box.outerWidth(),
- top : box.offset().top
- });
- },
- hideTip : function(jq) {
- jq = jq[0];
- var tip = $.data(jq, "validatebox").tip;
- if (tip) {
- tip.remove;
- $.data(jq, "validatebox").tip = null;
- }
- }
- });
在使用带 validatebox 的输入框,第一次没输入出现如图验证提示信息
但是点击窗口取消后,再次打开窗口后输入框仍然带有验证信息,查看APi也没有找到解决的方法于是分析了一下页面代码,采用下面处理成功,
$(".validatebox-tip").remove();
$(".validatebox-invalid").removeClass("validatebox-invalid");
另外,有一篇文章
easyui验证的删除和恢复 地址http://liuna718-163-com.iteye.com/blog/1726145 供参考
引用一下他的代码:
- $.extend($.fn.validatebox.methods, {
- remove: function(jq, newposition){
- return jq.each(function(){
- $(this).removeClass("validatebox-text validatebox-invalid").unbind('focus').unbind('blur');
- });
- },
- reduce: function(jq, newposition){
- return jq.each(function(){
- var opt = $(this).data().validatebox.options;
- $(this).addClass("validatebox-text").validatebox(opt);
- });
- }
- });
- //使用
- $('#id').validatebox('remove'); //删除
- $('#id').validatebox('reduce'); //恢复
设置Datagrid中Editor中验证的清除:
- $.extend($.fn.datagrid.methods, {
- setDColumnTitle: function(jq, option){
- if(option.field){
- return jq.each(function(){
- var $panel = $(this).datagrid("getPanel");
- var $field = $('td[field='+option.field+']',$panel);
- if($field.length){
- var $span = $("span",$field).eq(0);
- var $span1 = $("span",$field).eq(1);
- $span.html(option.title);
- $span1.html(option.title);
- }
- });
- }
- return jq;
- } ,
- removeRequired: function(jq, field){
- if(field){
- return jq.each(function(){
- var $panel = $(this).datagrid("getPanel");
- var $field = $('td[field='+field+']',$panel);
- if($field.length){
- var $input = $("input",$field);
- $input.removeClass("validatebox-text validatebox-invalid").unbind('focus').unbind('blur');
- }
- });
- }
- return jq;
- },
- addRequired: function(jq, field){
- if(field){
- return jq.each(function(){
- var $panel = $(this).datagrid("getPanel");
- var $field = $('td[field='+field+']',$panel);
- if($field.length){
- var $input = $("input",$field);
- $input.addClass("validatebox-text validatebox-invalid").unbind('focus').unbind('blur');
- }
- });
- }
- }
- });
- 使用:
- $obj.datagrid('removeRequired','startPort');
- $obj.datagrid('addRequired','startPort');
相关推荐
项目中常见的问题,记录一下解决方案
avnet(安富利)网站详情页数据样例
该数据集涵盖了2005至2012年间全国各地区二级专业承包建筑业企业的利润总额。这些数据不仅包括了原始数据,还提供了线性插值和ARIMA填补的版本,以便于研究者能够根据不同的需求选择合适的数据形式进行分析。数据集中包含了行政区划代码、地区名称、是否属于长江经济带、经纬度信息、年份以及利润总额等关键指标。这些指标为评估企业的经营效益和盈利水平提供了重要依据,同时也反映了建筑业在不同地区的发展态势。数据来源为国家统计局,确保了数据的权威性和准确性。通过这些数据,研究者可以深入分析建筑业的经济贡献及其在宏观经济中的作用,为政策制定和行业规划提供数据支持。
本文档主要讲述的是CentOS6.4 X64安装Oracle11g;在CentOS安装oracle11g比安装oracle10g简单很多,oracle可以不设置比如OS内核参数、防火墙、环境变量等,所以实施时推荐安装oracle11g。感兴趣的朋友可以过来看看
发动机零部件质量信息反馈及处理表.docx
全国省市县土地利用类型面板数据2009-2021年是一项详尽的数据集,它基于土地利用方式和地域差异,对土地资源单元进行细致划分,反映了土地的用途、性质和分布规律。该数据集涵盖了全国各省、地级市、县的土地利用类型,包括耕地、园地、林地、交通运输用地、水域及沙地等多种土地类型。时间范围上,省级和地级市的土地利用类型面板数据覆盖2009至2021年;县级土地利用类型面板数据则从2019年开始至2021年。数据指标丰富,包括行政单位、年份以及各类土地利用的具体分类,如水田、水浇地、旱地、果园、茶园等,以及城镇村及工矿用地、交通运输用地、水域及水利设施用地等。这些数据为政府决策、规划编制以及土地资源管理提供了坚实的数据基础,有助于全面了解土地资源的利用状况,并为未来的规划和管理提供支持。
项目中常见的问题,记录一下解决方案
好课分享——前端跳槽突围课:React18底层源码深入剖析(完结21章)
1111java后端1111Controller
嵌入式系统开发-STM32单片机-电子春联-代码设计
潜在失效模式及后果分析(FMEA)应用流程.docx
内容概要:本文详细介绍了如何使用Python和Matplotlib库创建一个动态的3D圣诞树动画。通过代码示例,展示了几何形状的创建方法,如圣诞树的形状、装饰品和星星的位置计算,以及如何通过动画更新函数实现闪烁效果。 适合人群:具有一定Python编程基础的开发者,尤其是对Matplotlib库和数据可视化感兴趣的读者。 使用场景及目标:① 学习Matplotlib库的基本用法,包括3D绘图和动画制作;② 掌握几何形状的数学建模方法,如圆锥和球体;③ 实践动画效果的实现技巧,提升编程技能。 阅读建议:本教程以具体代码示例为主,理论与实践相结合。建议读者在阅读过程中亲自编写和运行代码,逐步理解每一步骤的实现细节。
开发一个带有 PCIe Endpoint 设备的驱动程序并实现热插拔功能
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
消防气压给水设备和稳压泵安装 分项工程质量验收记录表.docx
Cytoscape-3-10-0-windows-64bit.exe
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
文件太大放服务器下载,请务必先到资源详情查看然后下载 样本图参考:blog.csdn.net/2403_88102872/article/details/143977852 数据集格式:Pascal VOC格式+YOLO格式(不包含分割路径的txt文件,仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数):1167 标注数量(xml文件个数):1167 标注数量(txt文件个数):1167 标注类别数:8 标注类别名称:["ddan_boc_tt","ddan_ct","ddan_ct_tua","ddan_ct_vatla","ddan_tran_tt","ddan_tt_mon","ddan_tt_tua","ddan_tt_vatla"]
本文档主要讲述的是SYBASE的存储过程编写经验和方法;主要是针对Sybase和SQL Server数据库,但其它数据库应该有一些共性。适用数据库开发程序员,数据库的数据量很多,涉及到对SP(存储过程)的优化的项目开发人员,对数据库有浓厚兴趣的人。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看