工作之余整理一些工作中编写的代码，记录自己工作中的技术要点，便于自己记忆已经整合。以下是关于此jQuery验证的一些标记以及使用方法： 整个js代码都放入jquery_validate_1.1.0.js中，通过一个匿名函数，jQuery的扩展方法，扩展方法为：initValidate函数，方法中带一个options配置参数，目前配置参数只有一个属性，{handlerUrl：""}，提供是否需要后台请求验证的url地址。只需要对取验证的DOM绑定$("ID").initValidate(options)。...
jQuery验证表单插件——jquery-validation The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy. ——官方介绍validation使用步骤 引入jQuery库和validation插件 如果需要官方的国际化提示信息，可以导入相应的messages_xx.js库文件。 PS：下载地址：GitHub jzaefferer/jquery-validation 选中表单元素，显式...
下面搜集了五种方法，主要还是前两个提供了解决方案，第三种需要修改jQuery源码：修复jquery.validate插件中name属性相同(如name='a[]‘)时验证的bug 使用jQuery.validate插件http://jqueryvalidation.org/，当节点的name相同时候，脚本特意忽略剩余节点，导致所有相关节点的errMsg都显示在第一个相关节点上。这个bug在动态生成表单时候影响比较大。 通过查询资料，找到一个解决方案： http://stackoverflow.com/questions/931687/...
本文为大家分享了一个表单验证插件，支持ajax验证，使用起来很简单。 每个需要验证的表单元素下面有一个span标签，这个标签的class有一个valid表示需要验证，如果有nullable则表示可为空；rule表示验证规则，msg表示错误提示信息；to表示要验证的元素的name值，如果元素是单个的，to可以不写。该插件会遍历每个有valid的span标签，找出它前面需要验证的元素，根据rule验证，如果验证不通过，则显示边框为红色，鼠标放在元素上时显示...
表单验证几乎在每一个需要注册或者登陆的网站是必不可少的，有些验证则非常的复杂，可以说是各种各样给你的要求，不过本章节只介绍一下表单中最简单的验证方式，就是判断是否为空，有些要求比较低的网站对此已经满足需要了。代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>js简单表单验证</title> <script type="text/javascript"> window.on...
表单验证几乎在每一个需要注册或者登陆的网站是必不可少的，有些验证则非常的复杂，可以说是各种各样给你的要求，不过本章节只介绍一下表单中最简单的验证方式，就是判断是否为空，有些要求比较低的网站对此已经满足需要了。 代码如下:<html> <head> <meta charset="gb2312"> <title>js简单表单验证</title> <script type="text/javascript"> window.onload=function() {var bt=document.getElementById("bt");bt.onclick=func...
验证是否显示红色的提交按钮 bindBlur:function(){//jquery多级验证表单var n = $(#item_name);var p = $(#price);var r = $(#reserve);show(velidate());//页面加载之后先进行一次验证//分别对三个需要验证的字段进行验证绑定，这里也可以写成一句代码//$(#item_name,#price,$(#reserve)).on({blur:function(){show(veridate())}});n.on({blur:function(){show(velidate())}});p.on({blur:function(){show(velidate())}});r.on({b...
在开发系统时，往往都有某些表单数据为必填项，若用jQuery通过ID去验证，不仅会影响效率，还会有所遗漏，不易于后期维护。 本章将介绍如何利用jQuery，通过为表单配置class进行统一验证。（ID一个页面只可以使用一次；class可以多次引用） 1：为input添加class，名字可以随意设置，但每个input需要保持一致，本章案例calss设置为noNull。（若input已有class属性，可直接加到其后） 2：为input添加一个属性，用来后期通过jquery获取...
之前项目中使用的表单提交方式 使用form()方法可以将提交事件脱离submit按钮，绑定到任何事件中 代码如下:function addSubmit(){ $(#addForm).form(submit, { url : _basePath + /@Controller/@RequestMapping, onSubmit : function() { if(boolean){//放置能否提交的判断条件 $.messager.show({ title:提示,msg:不符合保存条件, showType:fade,style:{right:,bottom:} }); return false;//阻止表单提交 } return $(#addForm).for...
在学习网页中的表单验证，顺便学习下正则表达式 在网上找了后发现了一个比较齐全的资源，稍微进行了一下排版 代码如下:// 检查是否为有效的真实姓名，只能含有中文或大写的英文字母 function isValidTrueName(strName){ var str = Trim(strName); //判断是否为全英文大写或全中文，可以包含空格 var reg = /^[A-Z u4E00-u9FA5]+$/; if(reg.test(str)){ return false; } return true; } JavaScript表单验证年龄 JavaScript表单验证...
例如下的选项中，我们要求带*的是必选的，看图：看到上面网页没？业务办理渠道下的多选必须要选中一个，怎么办？如果一个都没有选中，在表单提交的时候我们就要去提示错误信息，，，。大家都知道jquery验证input是非常简单的，却很少要去验证多选或单选，而且还是一组组的验证，是分了组的，并非页面上的所有！！怎么办呢？ 不用jquery用其他的，可以吗？可以！！！不过我们还是用jquery来实它。 先来看一下，没有选中的效果，我们...
本文介绍了一个较为通用的获取 checkbox 值的方法，希望对新手有用。 代码如下:<script type="text/javascript"> // 说明： 用 Javascript 验证表单（form）中多选框（checkbox）的值 // 作者： CodeBit function getCheckboxValue(checkbox) { if (!checkbox.length && checkbox.type.toLowerCase() == 'checkbox') { return (checkbox.checked)?checkbox.value:''; } if (checkbox[0].tagName.toLowerCase() != 'input' || check...
本文介绍了一个较为通用的获取 radio 值的方法，希望对新手有用。 代码如下:<script type="text/javascript"> // 说明： 用 Javascript 验证表单（form）中的单选（radio）值 // 作者： CodeBit function getRadioValue(radio) { if (!radio.length && radio.type.toLowerCase() == radio) { return (radio.checked)?radio.value:; } if (radio[0].tagName.toLowerCase() != input || radio[0].type.toLowerCase() != radio) { re...
不错的JS验证~~~~~~~~~~~~~~~~~~~~~~~~~ 用途：校验ip地址的格式 输入：strIP：ip地址 返回：如果通过验证返回true,否则返回false； */ function isIP(strIP) { if (isNull(strIP)) return false; var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式 if(re.test(strIP)) { if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true; } return false; } /* 用途：检查输入字符串是否为空...
说明：JavaScript脚本，验证表单中的数据项 begin ------------------------------------------------------------------------------- */ function checkForm(objFrm){ var len = 0; len = objFrm.elements.length; var i = 0; var objCheck; //文本框 for(i = 0; i < len; i ++){ objCheck = objFrm.elements[i]; if(objCheck.type =="text" && !f_checkTextValid(objCheck) ){ return false; } } //下拉框 for...