关于使用jQuery validation plug-in 1.3方法

有时侯.net的验证控件会生成一大堆代码对样式有很大的影响,所以jq有自己的验证插件哦!

今天病好的差不多了写了一下简单的验证方法,在jQuery validation plug-in 1.3插件库文件里面里面有写代码很有用比如

required: "不能为空！",
  remote: "Please fix this field.",
  email: "格式错误.",
  url: "格式错误.",
  date: "格式错误.",
  dateISO: "Please enter a valid date (ISO).",
  dateDE: "Bitte geben Sie ein gültiges Datum ein.",
  number: "请填写数字.",
  numberDE: "Bitte geben Sie eine Nummer ein.",
  digits: "Please enter only digits",
  creditcard: "Please enter a valid credit card.",
  equalTo: "请输入相同的值.",
  accept: jQuery.format("只接收下列格式：{0}."),
  maxlength: jQuery.format("最多输入 {0} 个字符."),
  maxLength: jQuery.format("最多输入 {0} 个字符."),
  minlength: jQuery.format("最少输入 {0} 个字符."),
  minLength: jQuery.format("最少输入 {0} 个字符."),
  rangelength: jQuery.format("长度在 {0} - {1} 个字符之间."),
  rangeLength: jQuery.format("长度在 {0} - {1} 个字符之间."),
  rangeValue: jQuery.format("输入值在 {0} - {1} 之间."),
  range: jQuery.format("输入值在 {0} - {1} 之间."),
  maxValue: jQuery.format("最大值为 {0}."),
  max: jQuery.format("最大值为 {0}."),
  minValue: jQuery.format("最小值为 {0}."),
  min: jQuery.format("最小值为 {0}.")

 

以上都是验证库文件的代码就不多说了有兴趣的可以自己去看看,下面我们来说下怎么来调用

 

 <script type="text/javascript">
          $(document).ready(function () {
              //jq高级验证
              jQuery.validator.addMethod("Test", function (value) {
                  if (value == 1)
                      return false;
                  else
                      return true;
              }, "有错误发生");

              //简单验证
              $("form").validate({
                  rules: {
                      txtTitle: {
                          required: true,
                          rangelength: [2, 10]
                      },
                      ddlMode: {
                          Test: true
                      }
                  },

//下面可以重写显示错误的信息为了在不同的页面显示不同的错误信息
                  messages: {
                    txtTitle: {
                          required:"系统名称不能为空",
                          rangelength:jQuery.format("系统名称的长度不在{0}-{1}范围内")
                      }
                  }
              });
          });