유효성 검사가 실패 할 경우 양식을 제출하지 못하게하십시오

Question

누구든지 내 코드에 문제가있는 부분을 도울 수 있습니다. 양식 필드가 유효하지 않더라도 양식을 제출할 수 없으며, 하루 종일 사용하고 여러 가지 방법을 시도했지만 불운.

[Display(Name = "Amount to convert")] 
    [Required(ErrorMessage = " is required")] 
    [RegularExpression("^[0-9]+$", ErrorMessage = " requires numbers only")] 
    [Range(1, int.MaxValue, ErrorMessage = " must be more than 1")] 





$(function() { 
     // $("#frmWeightsMeasures").validate(); 
     $("#frmWeightsMeasures").submit(function(event) { 
      // var isvalidate = $("#frmWeightsMeasures").valid(); 
      // if (isvalidate) { 
       event.preventDefault(); 
      // } 
      $.ajax({ 
       type: "POST", 
       cache: true, 
       url: form.attr("action"), 
       data: form.serialize(), 
       dataType: "json", 
       error: searchFailed, 
       success: function(weightsData) { 
        $("#DisplayConversion").html(weightsData.DisplayConversion); 
       } 
      }); 
     }); 
    }); 

    function searchFailed(xhr, errorType, exception) { 
     var errorMessage = exception || xhr.statusText; 
     $("#DisplayConversion").html("Sorry, there was a problem with the search."); 
    } 

나는 희망이 미래에 누군가가 도움이 될 것입니다, 아래의 작업 코드를 추가 한 이야기의 모토는, 코드를 수정할 때, 삭제 무엇을보고.

$(function() { 
      $("#frmWeightsMeasures").validate(); 
      $("#frmWeightsMeasures").submit(function(event) { 
       var isvalidate = $("#frmWeightsMeasures").valid(); 
       if (isvalidate) { 
        event.preventDefault(); 
        var form = $(this); 
        $.ajax({ 
         type: "POST", 
         cache: true, 
         url: form.attr("action"), 
         data: form.serialize(), 
         dataType: "json", 
         error: searchFailed, 
         success: function(weightsData) { 
          $("#DisplayConversion").html(weightsData.DisplayConversion); 
         } 
        }); 
       } 
      }); 
     }); 

     function searchFailed(xhr, errorType, exception) { 
      var errorMessage = exception || xhr.statusText; 
      $("#DisplayConversion").html("Sorry, there was a problem with the search."); 
     } 

Answer 1

실제로 양식이 정의되지 않은 이유를 언급하지 않았습니다. 당신은 당신의 아약스 호출하기 전에 다음을 넣어해야합니다 : 또한

var form = $(this);

, 검증을 위해 : 당신이 제거하면

return $(form).valid()가 잘못

Answer 2

당신은에서는 event.preventDefault()와 event.stopPropagation()

혼자로 preventDefault 여전히 당신이 원하는하지 않을 수 있습니다 거품이 최대에 오류를 수를 시도 할 수 있습니다.

Answer 3

오류가 발생하면 최상을 반환합니다. 대신 .preventDefault();