其他分享
首页 > 其他分享> > jquery validate 小demo

jquery validate 小demo

作者:互联网

方便学习:

直接上代码:

ceshi.html:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />jQuery validation ceshi<script src="lib/jquery-1.8.3.js" type="text/javascript"><script src="dist/jquery.validate.min.js"><script src="dist/additional-methods.min.js"><script src="localization/messages_zh.js"><script type="text/javascript">
    $(function() {
        $.ajaxSetup({
            cache:false // 关闭ajax的相应缓存        })
        $("#commentForm").validate({
            rules:{
                loginName:{required:true,remote: 'ceshi.json'}
               },
               messages:{
                   loginName:{remote:"登录名已被占用,请更换"}
               }
        });
    });
    label.error{
        color:red;
        font-size:12px;
    }" _ue_custom_node_="true"><form class="cmxform" id="commentForm" method="get" action="">填写表单,进行测试<label for="cname">Name名称 (required, at least 2 characters)<input id="cname" name="loginName" minlength="2" required type="text" /><label for="cemail">E-Mail邮箱 (required)<input id="cemail" name="email" type="email" required /><label for="curl">URL地址 (optional)<input id="curl" name="url" value="" type="url" /><label for="ccomment">简介(required)<textarea id="ccomment" name="comment" required><button class="submit" type="submit">提交

ceshi.json:

false

 

直接从官网:http://bassistance.de/jquery-plugins/jquery-plugin-validation/

down下来文件夹基本相同,对应一下文件路径就可以了....

 

标签:jquery,required,false,demo,ceshi,json,loginName,validate
来源: https://blog.51cto.com/u_2870645/2850115