jquery.validate通过remote来实现ajax验证范例

WEB前端 waitig 553℃ 百度已收录 0评论

jquery.validate可谓是个强大的表单验证插件,当然也完美支持ajax验证,这样可以方便、快速来实现检查用户名等等是否存在。

    <meta charset="utf-8" />  
    <!DOCTYPE html>    
    <html>    
        <head>    
        <title>Submit a form via AJAX</title>    
      
    <script src="js/jquery.min.js"></script>  
      
        <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>  
        <script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>  
          
    </head>    
    <body>    
    <form action="" name="infos" id="infos">  
      
        <p>用户名:<input type="text" name="username" id="username" /></p>  
      
        <p><input type="submit" name="sub" /></p>  
      
    </form>  
      
    <script type="text/javascript">  
      
    $(function(){  
        $('#infos').validate({  
            debug:false,  
            onkeyup:false,  
            rules:{  
                username:{  
                    required:true,   
                    remote:{  
                        type:"POST",  
                        url:"01.php", //请求地址  
                        data:{  
                            username:function(){ return $("#username").val(); }  
                        }  
                    }  
                }  
            },  
            messages:{  
                username:{  
                    required:"用户名必填",  
                    remote:"用户名已存在"  
                }  
            },  
            submitHandler:function(form){  
                alert("验证通过");  
            }  
        });  
    });  
      
    </script>  
      
    </body>    
    </html>    


本文由【waitig】发表在等英博客
本文固定链接:jquery.validate通过remote来实现ajax验证范例
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)