JQuery插件之 -validate

来源：互联网发布：知乎源代码下载编辑：程序博客网时间：2024/06/06 05:11

6.1validate

validate的插件为

<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script><script type="text/javascript" src="../messages_zh.js"></script>

上面那个是引用validate

下面的messages使提示变为中文

（1）required，必填字段

（2）email，验证邮箱格式，支持很多形式的邮箱

（3）url，验证网址，比如：http://www.baidu.dom
不支持www.baidu.dom

maxlength ，输入字符的最大长度

rangelength[],输入字符的范围

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <script src="../jquery-3.2.1.min.js"></script>    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>    <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>    <script type="text/javascript" src="../jQuery/chapter5/messages_zh.js"></script></head><body><form action="" id="formdata">      <label for="text1">用户名</label>      <input type="text" id="text1" required/>      <br>    <!--<label for="email">邮箱</label>-->    <!--<input type="email" id="email" required/>-->    <!-- <label for="url">网址</label>     <input type="url" id="url" required ><br>-->    <!-- <label for="maxlength">输入不多于五个字符</label>     <input type="text" id="maxlength" maxlength="5"/>-->    <label for="rangelength">输入五到十个字符</label>    <input type="text" id="rangelength" rangelength="[5,10]"/>    <input type="submit" value="验证"/></form></body><script>    $.validator.setDefaults({        subitHandler:function(){            alret("验证成功");        }    });    $("#formdata").validate();</script></html>

阅读全文

1 0