当前位置:编程学习 > JAVA >>

jquery validate验证

这两天做了个注册页面的验证,但我对页面的div+css和jquery的撑握的不是很好,所以多花了点时间.
 
验证代码如下:
[javascript]
<script type="text/javascript" src="<%=path %>/js/jquery-1.4.4.min.js"></script> 
    <script type="text/javascript" src="<%=path %>/js/jquery.validate.js" charset="utf-8"></script>    
        <script type="text/javascript"> 
        function checkName(){ 
           //服务器使用文本的方式响应 
           $.ajax({  www.zzzyk.com
              //请求的类型,有GET或者POST 
              type:"POST", 
              //请求的url 
              url:"registerAction!register.action?ajaxUrl=1&username="+$("#name").val(), 
              //向服务发送数据 
              data:"ajaxUrl=1&username="+$("#name").val(), 
              //服务器响应客户端的输出类型,text,html,xml,json 
              dataType:"text", 
              //服务器成功响应客户端时的回调方法 
              success:function(msg){ 
                  $("#namespan").html(msg); 
              } 
           }); 
    } 
         
        $(function(){ 
            $("#userRegister").validate({ 
            /*errorLabelContainer: "#messageBox",       //显示错误信息的容器ID
            wrapper: "li",                              //包含每个错误信息的容器*/ 
            rules:{ 
                username:{               
                    required: true               
                 }, 
                password:{ 
                    required: true, 
                    minlength: 6 
                }, 
                confirm_pwd:{ 
                    required: true, 
                    equalTo: "#password" 
                }, 
                realname:{ 
                    required: true, 
                    minlength: 2, 
                    maxlength: 6 
                }, 
                phone:{ 
                    required:true, 
                    maxlength:11, 
                    minlength:11 
                }, 
                address: { 
                    required: true   
                } 
                , 
                post:{ 
                    required:false, 
                    maxlength:6, 
                    minlength:6 
                }, 
                email:{ 
                    required:false, 
                    email:true 
                }, 
                qq:{ 
                  &n

补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,