传智博客
快捷导航

栏目导航

jQuery Validate的format()用法

2017-9-26 20:44| 发布者: admin| 查看: 558| 评论: 0|来自: 蚂蚁部落

传智播客
此为字符串格式化方法,如果会C#等语言,那么就非常好理解了,不会关系也不大。

先看一个代码片段:

[JavaScript] 纯文本查看 复制代码运行代码
rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串")

很明显输入字符串的长度被rangelength规范限定在m-n范围;每一个规范其实就对应着一个方法,为这个方法传递的参数其实就是规则后面的参数,看如下代码片段:

[JavaScript] 纯文本查看 复制代码运行代码
pw: {
  required: true,
  rangelength: [5, 15]
}

虽然是传递了一个数组,其实在方法内部将其分解为两个参数,分别是5和15。

那么{0}将会被5替代,{1}将会被15替代,以此类推。

总结:format()方法参数字符串中的指定格式字符串片段(如{0}),将会以此被传递的参数所替代。

代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style>
ul li{
  list-style:none;
  margin-top:5px;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://www.softwhy.com/demo/jQuery/js/jquery.validate.js"></script>
<script src="http://www.softwhy.com/demo/jQuery/js/messages_zh.js"></script>
<script>
$(document).ready(function () {
  $("#one").validate({
    rules: {
      username: {
        required: true,
        maxlength: 20
      },
      pw: {
        required: true,
        rangelength: [5, 15]
      },
      address: {
        required: true,
        minlength: 15
      }
    },
    messages: {
      username: {
        required: "用户名是必填项目",
        maxlength: $.validator.format("用户名长度不得超过 {0}")
      },
      pw: {
        required: "密码是必填项目",
        rangelength: $.validator.format("密码的长度必须在 {0} - {1} 之间")
      },
      address: {
        required: "地址是必填项目",
        minlength: $.validator.format("地址描述长度不得少于 {0}")
      }
    }
  });
});
</script>
</head>
<body>
<form id="one"action="http://www.softwhy.com/">
  <ul>
    <li>姓名:<input type="text" name="username"/></li>
    <li>密码:<input type="password" name="pw"/></li>
    <li>住址:<input type="text" name="address"/></li>
    <li>
      <input type="submit" value="提交"/>
      <input type="reset" value="重置"/>
    </li>
  </ul>
  <label for="username"></label>
</form>
</body>
</html>

鲜花

握手

雷人

路过

鸡蛋

最新评论

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2017-12-11 19:24 , Processed in 0.069398 second(s), 22 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

返回顶部