• 了解jQuery Validate.JS后不用再为正则验证头疼


     jQuery Validate 是功能丰富的正则验证插件,为客户端提供了强大的验证功能,同时提供了大量的正则选项,满足应用程序各种需求。该插件捆绑了一整套有用的验证方法,同时包括URL验证和电子邮件验证,为客户端带来更加便捷的用户体验。

    通过实例来说明一下,更易于理解。

     1   //定义验证规则
     2           rules:{ 
     3               userName: {required: true,rangelength:[2,10]}, //true表示必填  最少2个最多10个限制字符
     4               email: { required: true, email: true },
     5               password: { required: true, minlength: 6 }, //最小6个字符
     6               confirm_password: {
     7                   required: true,
     8                   minlength: 5, 
     9                   equalTo: "#password" },//判断密码是否一致
    10               age:{required: true,range:[15,40]}//最小15最大40内数值
    11          }

    定义完正则规则并且提示信息,提高用户体验。

     1 //自定义提示消息
     2         messages:{
     3             userName: {
     4                 required: "请输入用户名",
     5                 rangelength: "用户名的长度在2和10之间" },
     6             email: {
     7                 required: "请输入Email地址", 
     8                 email: "请输入正确的email地址" },
     9             password: {
    10                 required: "请输入密码",
    11                 minlength: jQuery.format("密码不能小于{0}个字符") },
    12             confirm_password: {
    13                 required: "请输入确认密码",
    14                 minlength: "确认密码不能小于6个字符", 
    15                 equalTo: "两次输入密码不一致" },
    16             age:{
    17                    required: "请输入年龄",
    18                    range:"年龄在15岁和40岁之间"
    19                 }
    20         }
  • 相关阅读:
    Java基础03 基本程序设计结构
    Java基础02 开发环境搭建
    Java基础01 Java简介
    手动获取Spring上下文和Bean对象
    SAX解析XML
    Hbuilderx换行问题(属性合并一行展示)
    hbuilderx快捷键、回到上一步、回到上次编辑处
    查看jQuery版本号
    【基础篇】js对本地文件增删改查
    【基础篇】js对本地文件增删改查--查
  • 原文地址:https://www.cnblogs.com/chw8/p/7010501.html
Copyright © 2020-2023  润新知