现在的位置: 首页 -> 前端学习 -> JS前端 -> jquery.validate通过remote来实现ajax验证范例

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

2015-10-10 00:17评论数 1 ⁄ 被浏览 1834 views+

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


html/js源码部分:


<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:"ajax.php", //请求地址

                    data:{

                        username:function(){ return $("#username").val(); }

                    }

                }

            }

        },

        messages:{

            username:{

                required:"用户名必填",

                remote:"用户名已存在"

            }

        },

        submitHandler:function(form){

            alert("验证通过");

        }

    });

});

</script>


php源码部分:


<?php

if( $_REQUEST['username'] == 'php' )

{

    exit( "false" ); //用户名已存在

}

else

{

    exit( "true" ); //用户名不存在,验证通过,输出“true”,并结束程序

}

?>


范例运行效果:


validate中remote


需要注意的就是服务端输出true或者false的时候,不要直接输出,要用引号引起来(如上图效果)。

 

文章出自:http://www.daixiaorui.com/read/202.html 本站所有文章,除注明出处外皆为原创,转载请注明本文地址,版权所有。

分享到:

目前有 1 条评论  @我要评论

  1. 1楼断念 : 2015-10-15 16:15:07 评论说: @回复

    技术牛人呀

您的每一个评论都是对我的一份支持

 博客二维码

昵称 *

邮箱 *