weixin_42200135 2008-11-09 20:33
浏览 618
已采纳

jQuery的validation插件

[code="java"]
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#signupform").validate({
rules: {
firstname:{
required: true,
digits: true
},
lastname: "required",
username: {
required: true,
minlength: 2,
remote: "users.php"
},
password: {
required: true,
minlength: 5
},
password_confirm: {
required: true,
minlength: 5,
equalTo: "#password"
},
email: {
required: true,
email: true,
remote: "emails.php"
},
dateformat: "required",
terms: "required"
},
messages: {
firstname: {
required:"Enter your firstname",
digits:"Enter a number"
},
lastname: "Enter your lastname",
username: {
required: "Enter a username",
minlength: jQuery.format("Enter at least {0} characters"),
remote: jQuery.format("{0} is already in use")
},
password: {
required: "Provide a password",
rangelength: jQuery.format("Enter at least {0} characters")
},
password_confirm: {
required: "Repeat your password",
minlength: jQuery.format("Enter at least {0} characters"),
equalTo: "Enter the same password as above"
},
email: {
required: "Please enter a valid email address",
minlength: "Please enter a valid email address",
remote: jQuery.format("{0} is already in use")
},
dateformat: "Choose your preferred dateformat",
terms: "Choose this checkbox "
},
// the errorPlacement has to take the table layout into account
errorPlacement: function(error, element) {
if ( element.is(":radio") )
error.appendTo( element.parent().next().next() );
else if ( element.is(":checkbox") )
error.appendTo ( element.next() );
else
error.appendTo( element.parent().next() );
},
// specifying a submitHandler prevents the default submit, good for the demo
submitHandler: function() {
alert("submitted!");
},
// set this class to error-labels to indicate valid fields
success: function(label) {
// set   as text for IE
label.html(" ").addClass("checked");
}
});

// propose username by combining first- and lastname
$("#username").focus(function() {
    var firstname = $("#firstname").val();
    var lastname = $("#lastname").val();
    if(firstname && lastname && !this.value) {
        this.value = firstname + "." + lastname;
    }
});

});
[/code]

两个问题:
1.后边的success: function(label)这里的label参数传进的是什么,是哪来的?
2.如果自定义正则表达式来匹配,怎么写?

代码地址:http://jquery.bassistance.de/validate/demo/milk/

[b]问题补充:[/b]
谢谢jones:按你的提示看了下源码,errorPlacement: function(error, element)这里的error参数传进来的就是一个label。

[b]还有第2个问题是是否可以用自定义的正则表达式?难道要改源码在源码里定义?[/b]

再附带个小疑问:)这里:
[code="java"]

// set   as text for IE

label.html(" ").addClass("checked");
[/code]
这里为IE在label里放一个空格什么讲究呢?

  • 写回答

2条回答 默认 最新

  • iteye_521 2008-11-11 09:07
    关注

    [quote]还有第2个问题是是否可以用自定义的正则表达式?难道要改源码在源码里定义? [/quote]
    这个当然不用修改源代码,插件本身提供的API可以添加新的验证方法,看这个:
    [url]http://docs.jquery.com/Plugins/Validation/Validator/addMethod#namemethodmessage[/url]

    [quote]这里为IE在label里放一个空格什么讲究呢? [/quote]
    因为在IE中如果

    这样的html显示和FF等其它浏览器中显示的宽度不一样的,IE中如果你的中啥都没有显示的时候就会忽略table中指定的td宽度,随便添加一个东西,的宽度才能继承过来,如果你不是在td中显示错误信息,那么这个[code="java"].html(" ")[/code]就没必要了,只适用于td
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥50 buildozer打包kivy app失败
  • ¥30 在vs2022里运行python代码
  • ¥15 不同尺寸货物如何寻找合适的包装箱型谱
  • ¥15 求解 yolo算法问题
  • ¥15 虚拟机打包apk出现错误
  • ¥15 用visual studi code完成html页面
  • ¥15 聚类分析或者python进行数据分析
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js,页面2返回页面1时定位进入的设备
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复