validfrom 表单验证的使用心得

首先引入 validform.js文件

html代码

       <form id="form">

       <input id="name" placeholder="请输入真实姓名" type="text" datatype="*" errormsg="请填写用户名">

        <input id="pass" placeholder="请输入密码" type="text" datatype="*" errormsg="请填写密码">

     </form>

初始化：

   $("#form").validform();

验证表单

   第一种直接绑定属性： datatype 、 nullmsg 、 sucmsg 、 errormsg 、 ignore 、 recheck 、 tip 、 altercss 、 ajaxurl  和  plugin

       内置基本的datatype类型有：  * | *6-16 | n | n6-16 | s | s6-18 | p | m | e | url

                                                            *：检测是否有输入，可以输入任何字符，不留空即可通过验证；
                                                            *6-16：检测是否为6到16位任意字符；
                                                            n：数字类型；
                                                            n6-16：6到16位数字；
                                                           s：字符串类型；
                                                           s6-18：6到18位字符串；
　　　　　　　　　　　　　　　p：验证是否为邮政编码；
　　　　　　　　　　　　　　　m：手机号码格式；
　　　　　　　　　　　　　　　e：email格式；
　　　　　　　　　　　　　　　url：验证字符串是否为网址。

　添加错误信息：

　　　　errormsg＝“请填写正确的信息”

　第二种验证方法：

　　　　 $ ( function  () {

  　　　　　 var  aihuinong = $("form").Validform();
  　　　　　　　　 aihuinong.addRule([
     　　　　　　　　 {
        　　　　　　　　　 ele:"#name",　　／／绑定验证的块
        　　　　　　　　　 datatype:"*",　　／／验证类型
       　　　　　　　　　  nullmsg:"请填写名称",　　　／／为空错误提示
        　　　　　　　　　 errormsg:"请正确填写名称"　　　／／填写错误提示
      　　　　　　　　},
    　　　　　　　　  {
        　　　　　　　　　 ele:"#pass",
       　　　　　　　　　  datatype:"*",
        　　　　　　　　　 nullmsg:"请填写密码",
       　　　　　　　　　  errormsg:"请正确填写密码"
     　　　　　　　　 }
  　　　　　　　　 ])
　　　　　　　});

h５默热提示：直接在块中添加　required　　就可以

官网连接：http://validform.rjboy.cn/document.html