【JQuery】表单验证插件——validate

最新推荐文章于 2016-06-06 17:09:00 发布

badlyForPapers

最新推荐文章于 2016-06-06 17:09:00 发布

阅读量442

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/happyhaojie/article/details/51098350

版权

jQuery 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下：

$(form).validate({options})

其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。

例子：通过插件的配置对象，验证邮件格式。

    <body>
        <form id="frmV" method="get" action="#">
            <div id="divtest">
                <div class="title">
                   
                   
                   <span class="fl">表单验证插件</span> 
                    <span class="fr">
                        <input id="btnSubmit" type="submit" value="提交" />
                    </span>
                </div>
                <div class="content"> 
                    <span class="fl">邮箱：</span><br />
                    <input id="email" name="email" type="text" /><br />
                    <span class="tip"></span>
                </div>
            </div>
        </form>
        
        <script type="text/javascript">
            $(function () {
                $("#frmV").validate(
                  {
                      /*自定义验证规则*/
                      rules: {
                          email:{
                            required:true,
                            email:true                       
                                }
                             },
                  
                      /*错误提示位置*/
                      errorPlacement: function (error, element) {
                          error.appendTo(".tip");
         }
                          } 
                );
            });
        </script>
    </body>

说明：

required:true是必填的意思 email:true是email格式必须正确的意思

errorPlacement: function (error, element) {
error.appendTo(".tip"); 如果填错了把错误信息加到.tip标签下

badlyForPapers

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【JQuery】表单验证插件——validate

该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下：$(form).validate({options})其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。例子：通过插件的配置对象，验证邮件格式。
复制链接

扫一扫