jQuery 유효성 검사 : 양식이 두 번 유효성 확인 중입니다.

Question

jQuery 유효성 검사를 사용하여 양식의 유효성을 검사하는 양식이 있습니다. 나는 문제를 만났다. 양식이 두 번 유효성이 검사되고 있습니다. 내 변수가 'isValid'두 번

유효성 검사를 트리거 버튼 후 콘솔에 기록된다 타입 버튼 아래

<button type="button" name="submit" id="submit" vclass="btn btn-default">Submit</button>

에게 규칙이 자바 스크립트입니다 및 사용자에게 표시 될 메시지를 표시합니다. 버튼에 대한 클릭 이벤트도 포함됩니다. 나는 형태에 관한 발견 한 문제의 대부분

$(function() { 
$("#createUser").validate({ 
    rules: { 
     FirstName: "required", 
     email: { 
      required: true, 
      minlength : 2 
     }, 
     zipCode: { 
      required: true, 
      maxlength : 5 
     }, 
     Telephone: { 
      required: function (element) { 
       return $('#options option:selected').val() != "1"; 
      }, 
      maxlength : 12 
     }, 
     options: { 
     required: true, 
     notEqual: "1" 
     } 
    }, 
    messages: { 
     FirstName: "Please specify your first name", 
     email: { 
      required: "This email field is required.", 
      minlength : "email had to have a min length of 2." 
     }, 
     zipCode: { 
      required: "Zip code is a required field.", 
      maxlength : "zip code cannot be more than 5 characters." 
     }, 
     Telephone: { 
      required : "Telephone is a required field.", 
      maxlength : "Phone number has to have a max length of 12 characters." 
     }, 
     options: { 
      required: "Option is a required field", 
      notEqual: "Select a different option" 
     } 
    } 
    }); 

jQuery.validator.addMethod("notEqual", function (value, element, param) { 
    return this.optional(element) || value != param; 
}, "Please specify a different (non-default) value"); 


    $('#submit').on('click', function() { 
    isValid = $('#createUser').valid(); 
    console.log(isValid); 
    }); 
}); 

두 번 검증 유형 대신 제출 '버튼을 갖는해야되고. 또한 자바 스크립트 파일의 아무 곳이나 제출하지 않아도됩니다. 내가 여기서 무엇을 놓치고 있니?

Answer 1

규칙이 별도의 js에있는 경우, 스크립트가 두 번 참조되지 확인,