• jquery.validate.js是jquery下的一个验证插件


    <script type="text/javascript">
    function lang(key) {
    mylang = {
    'ls_input_myb': '请输入您的账户',
    'ls_myb_email': '漫游币账户为邮箱地址',
    'ls_login_password': '请输入您的登录密码',
    'ls_password_length': '密码长度为{0}-{1}位之间',
    'ls_input_captcha': '请输入验证码',
    'ls_captcha_length': '验证码的长度为{0}位',
    'ls_account_email': '账户名为邮箱地址',
    '':''
    };
    return mylang[key];
    }
    </script>
    <script type="text/javascript">
    $(document).ready(function() {
    $("#loginForm").validate({
    rules: {
    uEmail: {
    required: true,
    email: true
    },
    uPassword: {
    required: true,
    rangelength: [6, 30]
    }
    },
    messages: {
    uEmail: {
    required: lang('ls_input_myb'),
    email: lang('ls_myb_email')
    },
    uPassword: {
    required: lang('ls_login_password'),
    rangelength: $.format(lang('ls_password_length'))
    }
    },
    errorPlacement: function(error, element) {
    var placement = $(element.parent("td").parent("tr").next("tr").find("td").get(1));
    placement.text('');
    error.appendTo( placement );
    },
    onkeyup: false
    });
    var accountTipsText = lang('ls_account_email');
    $("#uEmail").focus(function() {
    if (!$($(this).parent().parent().next().find('td').get(1)).text()) {
    $($(this).parent().parent().next().find('td').get(1)).html('<span class="font_888_8">' + accountTipsText + '</span>');
    }
    $(this).css('color', '#000');
    }).focus();
    });
    </script>  

    默认校验规则
    (1)required:true 必输字段
    (2)remote:"check.php" 使用ajax方法调用check.php验证输入值
    (3)email:true 必须输入正确格式的电子邮件
    (4)url:true 必须输入正确格式的网址
    (5)date:true 必须输入正确格式的日期
    (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,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
    (15)range:[5,10] 输入值必须介于 5 和 10 之间
    (16)max:5 输入值不能大于5
    (17)min:10 输入值不能小于10 

    messages: {
    required: "This field is required.",
    remote: "Please fix this field.",
    email: "Please enter a valid email address.",
    url: "Please enter a valid URL.",
    date: "Please enter a valid date.",
    dateISO: "Please enter a valid date (ISO).",
    dateDE: "Bitte geben Sie ein g眉ltiges Datum ein.",
    number: "Please enter a valid number.",
    numberDE: "Bitte geben Sie eine Nummer ein.",
    digits: "Please enter only digits",
    creditcard: "Please enter a valid credit card number.",
    equalTo: "Please enter the same value again.",
    accept: "Please enter a value with a valid extension.",
    maxlength: $.validator.format("Please enter no more than {0} characters."),
    minlength: $.validator.format("Please enter at least {0} characters."),
    rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."),
    range: $.validator.format("Please enter a value between {0} and {1}."),
    max: $.validator.format("Please enter a value less than or equal to {0}."),
    min: $.validator.format("Please enter a value greater than or equal to {0}.")
    },


    如需要修改,可在js代码中加入:

    复制代码 代码如下:

    jQuery.extend(jQuery.validator.messages, {
    required: "必选字段",
    remote: "请修正该字段",
    email: "请输入正确格式的电子邮件",
    url: "请输入合法的网址",
    date: "请输入合法的日期",
    dateISO: "请输入合法的日期 (ISO).",
    number: "请输入合法的数字",
    digits: "只能输入整数",
    creditcard: "请输入合法的信用卡号",
    equalTo: "请再次输入相同的值",
    accept: "请输入拥有合法后缀名的字符串",
    maxlength: jQuery.validator.format("请输入一个长度最多是 {0} 的字符串"),
    minlength: jQuery.validator.format("请输入一个长度最少是 {0} 的字符串"),
    rangelength: jQuery.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
    range: jQuery.validator.format("请输入一个介于 {0} 和 {1} 之间的值"),
    max: jQuery.validator.format("请输入一个最大为 {0} 的值"),
    min: jQuery.validator.format("请输入一个最小为 {0} 的值")
    }); 
  • 相关阅读:
    plsql查询中文乱码
    ORA-12514: TNS:listener does not currently know of service requested in connect
    linux 手动配置ip地址方法
    开机自起tomcat
    (静默安装)Cent OS 6_5(x86_64)下安装Oracle 11g
    Linux下启动Oracle服务和监听程序
    linux下强制安装rpm包
    谷歌浏览器如何将整个网页保存为图片
    C语言移位和位运算
    MySQL连接的使用
  • 原文地址:https://www.cnblogs.com/SnailWalk/p/js.html
Copyright © 2020-2023  润新知