필요한 경우 오류 메시지 입력

Question

나는이 문제에 대한 해결책을 찾고 있었지만 나에게 적합한 예제를 찾을 수없는 것 같습니다. 여기까지 내가 무엇을 가지고있어 :

$(document).ready(function() { 
    $("form#submit").submit(function() { 
     // we want to store the values from the form input box, then send via ajax below 
     var user_email  = $('#user_email').attr('value'); 
     var mobile  = $('#mobile').attr('value'); 
     var id_country  = $('#id_country').attr('value'); 
     var id_target  = $('#id_target').attr('value');  
     var id = $('#id').attr('value'); 

     $.ajax({ 
     type: "POST", 
     url: "ajax.php", 
     data: "user_email="+ user_email + "&mobile=" + mobile + "&id_country=" + 
     id_country + "&id_target=" + id_target + "&id=" + id, 
     success: function(){ 
      $('form#submit'); 
      //$('form#submit :input').val(""); 
      $('div.success').fadeIn("slow") 
      $('div.success').fadeOut("slow"); 
      } 
     }); 
     return false; 
    }); 
}); 

내가 제출할 때 데이터가 성공적으로 데이터베이스에 삽입됩니다. 필요한 경우 빈 입력 div.error 필요 해요! class = "required"인 모든 필수 필드를 채우기 위해 코드를 편집하려면 어떻게해야합니까 ????

Answer 1

jQuery Validation plugin은 클라이언트 측 유효성 검사 (아약스 호출 전)를위한 jquery 유효성 검사 도구를 개발하는 데 매우 적합합니다.

필드가 비어 있는지 확인하려는 경우 예제를 볼 수 있습니다. here 각 필드에 대해 특정 메시지를 제공하거나 모든 필드에 대해 일반 메시지를 제공 할 수 있습니다. http://elegantcode.com/2009/09/27/playing-with-jquery-validation-library/

을 그것은 또한 당신이 당신의 USER_EMAIL 필드

가 유효성 검사를 사용해보십시오 적절한 이메일 주소 확인 할 수 있습니다 :

는

이것은 또한 당신이 원하는 무엇을 위해 아주 적당하다 소개 될 것으로 보인다 이 기능은 다음과 같습니다.

$("#submit").validate({ 
     rules : { 
      user_email: { 
       required: true 
      } 
     }, 
     messages: { 
      user_email: { 
      required: "This field is required" 
      } 
     }, 
     submitHandler: function(form) { 
      // Put your ajax call in here     
     }     
    }); 
});