jQuery 插件 Validation表单验证 使用步骤(详细的)

之前一直专注于做公司的OA系统,很久没有好好学习了,,,,

下面就开始讲这个插件的使用步骤

1.现在界面引入插件

<script src="jquery.js"></script>

<script src="jquery.valition.js"></script>

<form id=demoFrom>

<p>

<label for="username">用户名</label>

<input type="text" id=username name="username">

</p>

<p>

<label for="password">密码</label>

<input type="text" id=passwordname="password">

</p>

<p>

<input type="submit" value="登录">

</p>

</from>

<script>

  $(document).ready(function(){

    $("#demoFrom").validation({

      rules:{

          //name的名字,而不是Id

          username:{

            required:"必须填写",

            minlengtn:最小两位,

            maxlength:“最大十位”

},

        password:{

            required:"必须填写",

            minlengtn:最小两位,

            maxlength:“最大十位”

},

}

        message:{

         username:{

            required:true,

            minlengtn:2,

            maxlength:10

},

        password:{

            required:true,

            minlengtn:2,

            maxlength:10

},

}

})

})

</script>

 

 

------基本API

method:验证方法  ,指的是校验的逻辑

rule:验证规则,指的是元素和验证方法的关联

validate:插件的核心方法,定义了基本的校验规则和一些有用的配置项

debug:true;  表单不会提交

 

required 必填  max:最大值  range:值范围  email:email格式  url:url格式  date:日期  dateISO ISO日期  number:数字  digits:整数   

 

 

 

只是最简单的一个验证,,,,,

 

posted @ 2016-01-19 10:55  如果冬天没有雪  阅读(263)  评论(0编辑  收藏  举报