当前位置:主页 > jquery教程 > jquery插件validate验证的小例子

jquery插件validate使用示例

发布:2020-03-01 10:30:59 169


给大家整理了jQuery相关的编程文章,网友鱼修伟根据主题投稿了本篇教程内容,涉及到jquery、validate、jquery插件validate验证的小例子相关内容,已被183网友关注,内容中涉及的知识点可以在下方直接下载获取。

jquery插件validate验证的小例子

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
   <!-- 注意引用顺序-->
    <script src="Jquery1.7.js" type="text/javascript"></script>
    <script src="jquery.validate.js" type="text/javascript"></script>
    <script src="messages_cn.js" type="text/javascript"></script>
    <script type="text/javascript">
//        $(function () {
//            $('#a').validate({
//                rules: {
//                    username: { required: true, minlength: 6, maxlength: 12 },
//                    email: { required: true, email: true }
//                },
//                errorshow: function (error, element) {
//                    error.appendTo(element.siblings('span'));
//                }

 

//            })


        //        })
        $(function () {
            $('#a').validate({
                rules: {
                    username: { required: true, minlength: 6, maxlength: 12 },
                    email: { required: true, email: true },
                    pwd: { required: true, rangelength:[6,6] },
                    again: { required: true, equalTo: ($('#aa')) }, //这里一定是id
                    birthday:{date:true},
                    blood:{digits:true}
                },
                errorshow: function (error, element) {
                    error.appendTo(element.siblings('span'));
                }

            })

        })
    </script>
</head>

<body>
<form  id="a">
<div>
用户名:<input type="text" name="username" /><span ></span>
<br />
邮箱:<input type="text" name="email" /><span ></span>
<br />
密码:<input type="text" name="pwd" /><span id="aa"></span>
<br />
确认密码:<input type="text" name="again"  /><span ></span>
<br />
生日:<input type="text" name="birthday" /><span ></span>
<br />
血压:<input type="text" name="blood" /><span ></span>
</div>
</form>
</body>
</html>

 


参考资料

相关文章

  • jquery幻灯片效果实例代码

    发布:2019-12-06

    jquery特效中的幻灯片想必大家已不陌生吧,下面为大家分享个比较不错的幻灯片效果,附有源码,感兴趣的朋友可以学习下哈


  • jQuery mobile NuGet移动网站用法

    发布:2020-07-16

    这篇文章主要介绍了使用jQuery mobile NuGet让你的网站在移动设备上同样精彩,使用jQuery mobile NuGet包,改变共享的布局和视图,并使你的网站在传统的浏览器和大部分手机展现的都很好。,需要的朋


  • jquery实现显示已选用户实例方法

    发布:2019-09-15

    选择用户是一个比较常用的功能,主要包含2个功能点(保存已选选项、显示已选用户)


  • jQuery表单元素选择器知识点分享

    发布:2020-02-05

    这篇文章主要为大家详细介绍了jQuery选择器之表单元素选择器的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • JQuery控制Radio选中的实例方法

    发布:2019-12-05

    这篇文章主要介绍了JQuery控制Radio选中方法,涉及jQuery表单操作及鼠标事件响应的方法,需要的朋友可以参考下


  • 深入理解jQuery中的deferred对象和extend方法

    发布:2020-02-01

    本篇文章主要介绍了jQuery中的deferred对象和extend方法,具有很好的参考价值。下面跟着小编一起来看下吧


  • jquery实现弹幕效果示例代码

    发布:2020-01-27

    这篇文章主要为大家详细介绍了基于jquery实现弹幕效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • jquery.rotate.js实现抽奖次数及中奖内容的转盘抽奖实例

    发布:2020-05-13

    这篇文章主要介绍了jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码,需要的朋友可以参考下


网友讨论