IE에서 Jquery 양식을 제출하는 것이 유효하지 않습니다. 제출하기 전에

Question

아래 jquery 스크립트 iam을 사용하십시오. 하지만 이것은 파이어 폭스와 크롬 모두에서 작동하지만 IE에서는 작동하지 않습니다.

<script type="text/javascript"> 
$.validator.setDefaults({ 
submitHandler: function() { 
     //alert("submitted!"); 
     debug: false; 
    form.submit(); 
    } 
});; 
</script> 
<script type="text/javascript"> 
$(document).ready(function() { 
        $.validator.addMethod("mobilecheck", function(value, element) { 
         return this.optional(element) || /^[0-9]+$/i.test(value); 
        }, "mobile number must contain only numbers"); 
       $.validator.addMethod("namecheck", function(value, element) { 
         return this.optional(element) || /^[a-z\s]+$/i.test(value); 
        }, "User Name must contain only letters"); 

        $("#myform").validate({ 
           rules: { 
               fullname:{ required : true , namecheck :true}, 

               mobile:{ required : true, mobilecheck :true }, 

               city: { required : true}, 


               locality: { required : true}, 

               email: { 
                   required: true, 
                   email: true 


               }, 
               jobcity: { required : true} , 
               hometown: { required : true} , 

           }, 

           messages: { 
               fullname:{ 
                   required: "Please enter your fullname" , 
                   namecheck: " Full Name must contain only alphabets<br/>" 
                   }, 

               mobile: { 
                   required: "Please enter mobile number", 
                   mobilecheck: "Mobile number must contain only numbers " 

               }, 

               city: "Please enter your current city" , 
               jobcity:"please select city" , 
               locality:"please enter locality where you are staying", 


               email: { 
               email:"Please enter a valid email address", 
               required:"please enter email address" 
               }, 

           }, 

          errorElement: "div" 


       }); 


}); 

</script> 

내 양식 코드 내가 IE에서 양식을 제출하면 그것의 유효성을 검사하지만 양식을 제출하지

<form id="myform" method="post" class="register" > 
    <ul> 
    <li> 
    <label for="fullname">Full Name</label> 



    <input id="fullname" name="fullname" class="required namecheck" size="20" style="width:180px"/> 


    </li> 
    <li><label for="email">Email</label> 

    <input id="email" name="email" class="required email" size="20" style="width:180px" /> 

    </li> 
    <li> 
    <label for="mobile">Mobile</label> 

    <input id="mobile" name="mobile" class ="required mobilecheck" size="20" style="width:180px" maxlength="10"/> 
    <span id="msgbox" style="display:none"></span> 


    </li> 
    <li> 
     <label for="qualification">Qualification</label> 

     <input id="qualification" name="qualification" class ="required " size="20" style="width:180px" maxlength="10"/> 
     <span id="msgbox" style="display:none"></span> 


    </li> 
    <li> 
    <label for="hometown">Home Town</label> 

    <input id="hometown" name="hometown" class="required" size="20" style="width:180px"/> 


    </li> 
    <li> 
    <label for="city">Current City</label> 

    <input id="city" name="city" size="20" class="required" style="width:180px"/> 


    </li> 
    <li> 
    <label for="locality">Locality/Neighborhood/Area</label> 

    <input id="locality" name="locality" class="required" size="20" style="width:180px"/> 


    </li> 

    <li> 
     <label for="jobcity" >Preferred Location for Interview</label> 

     <select name="jobcity" id="jobcity" clas="required"> 
           <option value=""> -- please select-- </option> 
           <option value="Bangalore"> Bangalore</option> 
           <option value="Chennai">Chennai</option> 
           <option value="Gurgaon">Gurgaon/Noida/Delhi</option> 
           <option value="Hyderabad"> Hyderabad</option> 
           <option value="Mumbai">Mumbai</option> 
           <option value="Pune">Pune</option> 

     </select></br> 


    </li> 


    </ul> 


    <div style="text-align:center;margin-top:5px;padding-bottom:10px"> 
     <input name="hidden" type="hidden" value="hidden"/> 
    <input class="blue1 button1" id="#submit" type="submit" value="Submit"/> 

    </div> 

입니다. 크롬 및 IE에서 .jquery는 제출하기 전에 양식의 유효성을 검사합니다.

와 내가 코드

Answer 1

에서 원치 않는 쉼표를 제거 아래의 속성에서 후행 commas을 제거, 그것을 잘 작동합니다. hometown이 rules이고 email이 messages 예치인데 마지막에 불필요한 comma이 있는지 확인하십시오. 이것은 IE을 제외한 다른 모든 브라우저에서 정상적으로 작동합니다.

 rules: { 
      fullname: { 
       required: true, namecheck: true }, mobile: { required: true, 
       mobilecheck: true 
      }, 
      city: { required: true }, 
      locality: { required: true }, 
      email: { 
       required: true, email: true 
      }, 
      jobcity: { required: true }, 
      hometown: { required: true } 
     }, 
     messages: { 
      fullname: { 
       required: "Please enter your fullname", 
       namecheck: " Full Name must contain only alphabets<br />" 
      }, 
      mobile: { 
       required: "Please enter mobile number", 
       mobilecheck: "Mobile number must contain only numbers " 
      }, 
      city: "Please enter your current city", 
      jobcity: "please select city", 
      locality: "please enter locality where you are staying", 
      email: { 
       email: "Please enter a valid email address", 
       required: "please enter email address" 
      } 
     }