当前位置:首页 > WEB开发 > Web前端

validfrom 表单验证的使用经验

优良自学吧提供validfrom 表单验证的使用经验,validfrom 表单验证的使用心得 首先引入 validform.js文件 html代码       <form id=\"form\">        <input i

validfrom 表单验证的使用心得

首先引入 validform.js文件

html代码
<formid="form">
<input id="name"placeholder="请输入真实姓名"type="text"datatype="*"errormsg="请填写用户名">
<input id="pass"placeholder="请输入密码"type="text"datatype="*"errormsg="请填写密码">
</form>
初始化:
$("#form").validform();
验证表单
第一种直接绑定属性:datatypenullmsgsucmsgerrormsgignorerechecktipaltercssajaxurlplugin
内置基本的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:"请正确填写密码"
              }
           ])
       });

h5默热提示:直接在块中添加 required  就可以
官网连接:http://validform.rjboy.cn/document.html

(本文来自互联网,不代表搜站(http://www.ylzx8.cn/)的观点和立场)
本站所有内容来自互联网,若本站收录的信息无意侵犯了贵司版权,请给我们来信(ylzx8cn@163.com),我们会及时处理和回复,谢谢