阅读排行榜
评论排行榜10558人阅读
$(function(){
var validator = $("#enterRegForm").validate({debug:false, //调试模式取消submit的默认提交功能//errorClass: "error",//默认为错误的样式类为：error//validClass: "check",//验证成功后的样式，默认字符串validfocusInvalid: true,//表单提交时,焦点会指向第一个没有通过验证的域//focusCleanup://焦点指向错误域时，隐藏错误信息，不可与focusInvalid一起使用！onkeyup: true,errorElement: "div",submitHandler: function(form){ //表单提交句柄,为一回调函数，带一个参数：formform.submit(); //提交表单},
rules: { "enterprise.enName": {&required: true,&minlength: 6,&remote:{&&url: "/nameServlet",&&&& //后台处理程序&&&type: "get",&&&&&&&&&&&&&& //数据发送方式&&dataType: "json",&&&&&&&&&& //接受数据格式&&& &&data: {&&&&&&&&&&&&&&&&&&&& //要传递的数据&&&enName: function() {&&&return $("#enName").val();&&&}&&}&}},
"user.passWord":{&required:true,&rangelength:[6,18]},passWordConf:{&required:true,&rangelength:[6,18],&equalTo:"#passWord" //此处的passWord 是&input id="passWord"& 一开始还以为是name的值呢，气死了}
messages: { //自定义验证消息"enterprise.enName": {&required: "请填写企业名称！",&minlength: $.format("至少要{0}个字符！"),&remote:$.format("该企业名称已存在！")&},"user.passWord":{&&required:"请填写确认密码！",&&rangelength:$.format("密码要在{0}-{1}个字符之间！")&},passWordConf:{&&required:"请填写确认密码！",&&rangelength:$.format("确认密码要在{0}-{1}个字符之间！"),&&equalTo:"确认密码要和密码一致！"&},
errorPlacement: function(error, element) { //验证消息放置的地方//error.appendTo( element.parent("td").next("td").children(".msg") );&error.appendTo( element.parent(".field").next("div"));},highlight: function(element, errorClass) { //针对验证的表单设置高亮$(element).addClass(errorClass);},success: function(div) {div.addClass("valid");}});
自定义方法;
新建一个js文件：$(document).ready(function(){& // 字符最小长度验证（一个中文字符长度为2）&&& jQuery.validator.addMethod("stringMinLength", function(value, element, param) {&&&& var length = value.&&&& for ( var i = 0; i & value. i++) {&&&&& if (value.charCodeAt(i) & 127) {&&&&&& length++;&&&&& }&&&& }&&&& return this.optional(element) || (length &= param);&&& }, $.validator.format("长度不能小于{0}!"));&& &&& // 字符最大长度验证（一个中文字符长度为2）&&& jQuery.validator.addMethod("stringMaxLength", function(value, element, param) {&&&& var length = value.&&&& for ( var i = 0; i & value. i++) {&&&&& if (value.charCodeAt(i) & 127) {&&&&&& length++;&&&&& }&&&& }&&&& return this.optional(element) || (length &= param);&&& }, $.validator.format("长度不能大于{0}!"));
&// 字符验证&&&&&& & jQuery.validator.addMethod("stringCheck", function(value, element) {&&&&&& &&&& return this.optional(element) || /^[/u0391-/uFFE5/w]+$/.test(value);&&&&&& & }, "只能包括中文字、英文字母、数字和下划线");&& && & // 中文字两个字节&&&&&& & jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {&&&&&& &&&&& var length = value.&&&&&& &&&&& for(var i = 0; i & value. i++){&&&&&& &&&&&&&&& if(value.charCodeAt(i) & 127){&&&&&& &&&&&&&&& length++;&&&&&& &&&&&&&&& }&&&&&& &&&&& }&&&&&& &&&&& return this.optional(element) || ( length &= param[0] && length &= param[1] );&&&&&& & }, "请确保输入的值在3-15个字节之间(一个中文字算2个字节)");&& &&& & // 字符验证&&& jQuery.validator.addMethod("string", function(value, element) {&&&& return this.optional(element) || /^[/u0391-/uFFE5/w]+$/.test(value);&&& }, "不允许包含特殊符号!");&&& // 必须以特定字符串开头验证&&& jQuery.validator.addMethod("begin", function(value, element, param) {&&&& var begin = new RegExp("^" + param);&&&& return this.optional(element) || (begin.test(value));&&& }, $.validator.format("必须以 {0} 开头!"));&&& // 验证两次输入值是否不相同&&& jQuery.validator.addMethod("notEqualTo", function(value, element, param) {&&&& return value != $(param).val();&&& }, $.validator.format("两次输入不能相同!"));&// 验证值不允许与特定值等于&&& jQuery.validator.addMethod("notEqual", function(value, element, param) {&&&& return value !=&&& }, $.validator.format("输入值不允许为{0}!"));&& &&& // 验证值必须大于特定值(不能等于)&&& jQuery.validator.addMethod("gt", function(value, element, param) {&&&& return value &&&& }, $.validator.format("输入值必须大于{0}!"));&& &&& // 验证值小数位数不能超过两位&&& jQuery.validator.addMethod("decimal", function(value, element) {&&&& var decimal = /^-?/d+(/./d{1,2})?$/;&&&& return this.optional(element) || (decimal.test(value));&&& }, $.validator.format("小数位数不能超过两位!"));& //字母数字&&& jQuery.validator.addMethod("alnum", function(value, element) {&&& return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value);&&& }, "只能包括英文字母和数字");&// 汉字&&& jQuery.validator.addMethod("chcharacter", function(value, element) {&&& var tel = /^[/u4e00-/u9fa5]+$/;&&& return this.optional(element) || (tel.test(value));&&& }, "请输入汉字");& // 身份证号码验证&&&&&& & jQuery.validator.addMethod("isIdCardNo", function(value, element) { &&&&& return this.optional(element) || /^[1-9]/d{7}((0/d)|(1[0-2]))(([0|1|2]/d)|3[0-1])/d{3}$/.test(value)||/^[1-9]/d{5}[1-9]/d{3}((0/d)|(1[0-2]))(([0|1|2]/d)|3[0-1])((/d{4})|/d{3}[A-Z])$/.test(value);&&&&&& & }, "请正确输入您的身份证号码");&&&&&& & // 手机号码验证&&&&&& & jQuery.validator.addMethod("isMobile", function(value, element) {&&&&&& &&&&& var length = value.&& &&&&& var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+/d{8})$/;&& &&&&& return this.optional(element) || (length == 11 && mobile.test(value));&&&&&& & }, "请正确填写您的手机号码");&&&&&& &&&&&& & // 电话号码验证&&&&&& & jQuery.validator.addMethod("isTel", function(value, element) {&&&&&& &&&&& var tel = /^/d{3,4}-?/d{7,9}$/;&&& //电话号码格式010-&& &&&&& return this.optional(element) || (tel.test(value));&&&&&& & }, "请正确填写您的电话号码");&& &&& & // 联系电话(手机/电话皆可)验证&& & jQuery.validator.addMethod("isPhone", function(value,element) {&& &&&&& var length = value.&& &&&&& var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+/d{8})$/;&& &&&&& var tel = /^/d{3,4}-?/d{7,9}$/;&& &&&&& return this.optional(element) || (tel.test(value) || mobile.test(value));&& &&& & }, "请正确填写您的联系电话");&& &&&&&& & // 邮政编码验证&&&&&& & jQuery.validator.addMethod("isZipCode", function(value, element) {&&&&&& &&&&& var tel = /^[0-9]{6}$/;&&&&&& &&&&& return this.optional(element) || (tel.test(value));&&&&&& & }, "请正确填写您的邮政编码");&&& &&&
该文件要先被引用再对form进行验证。
注意：remote 中的url 为servlet，但是这个servlet该怎么写呢
一开始以为是跟平时的一样：out.println("用户名"+name+"已存在！");
虽然可以验证，但是还是存在问题：输入个不存在的name还是提示存在。
后来还是Google，看到别人也是犯了这样的错误，解决方法时返回true,false.
但是 doGet 是void类型的，return true 是行不通的。
后来又请教群里的高手，正确写法是out.println("true");就可以了。
哎，费了老长时间
总算是把问题给解决了。
错误存放位置：
&form& id="myform" action=""&&label&UserName: &/label&&input id="username" name="username"/&&br&&label&password: &/label&&input id="password" name="password"/&&br&&div id="error_username" &error: &/div&&br&&input& type="submit" value="Submit"/&&/form&$("#myform").validate({& & & & rules: {& & & & & & username: {required:true}& & & & },& & & & errorPlacement: function(error, element) {& && & & & if (element.attr("name") == "username" )& {& & & & & && & & & & & error.appendTo("#error_username");&& & & & }&& & & & else& & && & & & & & error.insertAfter(element);&& & & & }& & });
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：210348次
积分：2546
积分：2546
排名：第11784名
原创：38篇
转载：42篇
评论：22条
(1)(1)(1)(2)(1)(3)(3)(4)(1)(1)(1)(3)(1)(1)(3)(1)(1)(1)(2)(1)(6)(3)(1)(4)(1)(9)(12)(11)13089人阅读
JavaScript（9）
validate是一个基于Jquery的表单验证插件，利用他的remote可以用来自定义远程验证，最近在项目中用到这个，但是在这当中遇到的几个问题，感觉让人很误解，下面我们来看例子。
这是要验证的表单：
&id=&frm&&name=&frm&&class=&validateform&&&
&for=&pinm86&&品名:&type=&text&&id=&pinm86&&name=&pinm86&&&&
&for=&fangjianid78&房间号:&type=&text&&id=&fangjianid78&&name=&fangjianid78&&&&
这里我要验证品名的唯一性，如果输入品名重复就提示
下面是JS代码
&script&type=&text/javascript&&
jQuery(document).ready(function($){
&&&&$(&.validateform&).validate({
&&&&&&&&&&rules:{
&&&&&&&&&&&&&&&&&pinm86:{
&&&&&&&&&&&&&&&&&&&&&&&&&&required:true,
&&&&&&&&&&&&&&&&&&&&&&&&&&remote:{
&&&&&&&&&&&&&&&&&&&&&&&&&&&&url:&&validateSbSbinfoData.action&,&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&type:&&get&,&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&dataType:&&json&,
&&&&&&&&&&&&&&&&&&&&&&&&&&&&data:&&{&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&pinm86:&function()&{
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&return&$(&#pinm86&).val();
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&}&&
&&&&&&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&&&&&&&},
&&&&messages:{&
&&&&&&&&pinm86:{&
&&&&&&&&remote:&品名已经存在!&&
&&&&&&&&}&}
很多网上文章在只提到remote接受Json格式数据,然后就没有了，其实remote接受的返回值只要true和false即可，通过查看源代码可以发现，remote通过返回的false和true来判断的，那么就是说你后台程序只要返回true和false值，这点让我误解了许久。由于项目用到了Struts2,这是struts的配置文件，相信你不会陌生吧：
&name=&json_sbSbinfo&&extends=&json-default&&&
&name=&validateSbSbinfoData&&class=&sbSbinfoAction&&method=&validateData&&&
&&&&&&&&&&&&&name=&success&&type=&json&&&
&&&&&&&&&&&&&&&&&&&&&&&&name=&defaultEncoding&UTF-8&&
&&&&&&&&&&&&&&&&&&&&&&&&name=&root&resstr&
这里的resstr 就是Action里面对应的属性值
&&&&&&&&&&&&&&
&&&&&&&&&&&&&name=&error&&type=&json&&name=&defaultEncoding&UTF-8&&
&&&&&&&&&&
这边有俩点要注意一下：1.因为Action里面要返回Json数据格式所以&package&name=&json_sbSbinfo&&extends=&json-default&& & &这里的extends是“json-default” 而不是以往的“struts-default”。
2.要加上这个参数&&param&name=&root&&resstr&/param& &这里的resstr 就是Action里面对应的属性值
下面是sbSbinfoAction
public&class&SbSbinfoAction&extends&ActionSupport&implements&ServletRequestAware,SessionAware&{
&&&&private&boolean&
&&&&public&String&validateData()
&&&&&&&&String&result&=&ERROR;
&&&&&&&&String&vcpinm=(String)this.request.getParameter(&pinm86&);
&&&&&&&&Map&map=&new&HashMap();
&&&&&&&&map=&sbSbinfoService.validateData(vcpinm);
&&&&&&&&Object&dd=map.get(&n&);
&&&&&&&&String&s=dd.toString();
&&&&&&&&if(s.equals(&0&))
&&&&&&&&{this.resstr=true;}
&&&&&&&&else&&
&&&&&&&&{this.resstr=false;
&&&&&&&&&&&&
&&&&&&&&result=&SUCCESS;
&&&&&&&&return&
&&&&@JSON(serialize=false)
&&&&public&SbSbinfoService&getSbSbinfoService()&{
&&&&&&&&return&sbSbinfoS
&&&&public&boolean&getResstr()&{
&&&&&&&&return&
&&&&public&void&setResstr(boolean&resstr)&{
&&&&&&&&this.resstr&=&
这里涉及到Json数据格式转换的问题，将在未来的相关文章里涉及到，希望这篇文章帮助到你哦！
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：87288次
排名：千里之外
原创：24篇
(5)(1)(1)(6)(2)(10)jquery validate remote异步验证实在不知道怎么写返回值，求指导_c#吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：96,910贴子：
BLL.dict bll = new BLL.dict();
if (bll.Exists(navname))
}不知道该怎么写了，脑子一团浆糊，求懂的吧友指导下
好的话剧，坚决不能错过，价格也很重要！
组件？，没用过这个。。
花两分钟查了下这个js，确实没用过，用法也不难，remote的用法和jquery的ajax一样，后台返回 True or False ，从remote里面的 datatype来看，应该需要json 序列化一下。 有什么不明白可以交流一下。
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或js中validate的remote验证问题 - ITeye问答
打开对话框，第一次填写登录账号时输入一个已经存在的账号、remote会验证已经存在、然后填写一个新的登录账号，并且完成新增，新增后，又打开对话框再次将刚才新增的的登录账号输入，此时不能验证、关闭对话框、再打开又可以验证了、请问是怎么回事！
js部分：
&& var validator = $('#OperatorForm').validate({
: {required : true,maxlength:200,remote :
&&& type:"get",&
&&& dateType:"json",&
&&& cache:false,
url:"&%=request.getContextPath()%&/system/validateLoginCode.do",&
& loginCode:$("#loginCode").val()
&&&&&&&&&&&&
: {required : true, minlength : 6,maxlength : 16},
operatorCode: {required : true,maxlength:200},
operatorName: {required : true,maxlength:200}
messages : {
loginCode : {required : "登录账号不能为空",maxlength:"最多能输入200长度的字符", remote : "此登录账号已经存在"},
loginPsw : {required : "登录密码不能为空",minlength :"密码长度只能在6-16位字符之间",maxlength : "密码长度只能在6-16位字符之间"},
operatorCode: {required : "操作员ID不能为空",maxlength:"最多能输入200长度的字符"},
operatorName: {required : "操作员名称不能为空",maxlength:"最多能输入200长度的字符"}
java部分：
&& @RequestMapping(value = "/validateLoginCode")
public void validateLoginCode(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.resetBuffer();
response.setCharacterEncoding("utf-8");
&&&&&&&&&&
response.setContentType("text/ charset=UTF-8");
&&&&&&&&&&
PrintWriter out = response.getWriter();
&&& String loginCode = request.getParameter("loginCode");
&&&&&&& Operator op=operatorService.findByLoginCode(loginCode);
&&&&&&& System.out.println("==loginCode==="+loginCode);
if(StrUtils.isNotNullOrBlank(loginCode)){
System.out.println("====op"+op);
if(op!=null){
if(op.getLoginCode().equalsIgnoreCase(loginCode)){
out.write(Boolean.toString(false));
out.write(Boolean.toString(true));
out.flush();
&&&&&&& out.close();
先看看js有没有报错
再用console看看数据的request和response有没有问题先
已解决问题
未解决问题