jQuery와 PHP로 폼 유효성 검사

Question

jQuery와 PHP를 사용하여 유효성을 검사하는 폼이 있습니다. 그래서 기본적으로 php가 "입력이 채워 져야 함"을 나타내는 경우 jQuery는 해당 입력 주위에 빨간색 테두리를 넣어야하지만 폼은 두 번 폼을 제출 한 후에 만 ​​작동합니다.
설명 : 내가 채워지지 않은 입력으로 제출하면 php 파일은 "입력을 채워야합니다"라는 메시지를 표시하지만 제출 버튼을 다시 누르면 입력이 빨간색으로 바뀝니다.

$("form#maj_email").submit(function(){ 
var _data = $(this).serialize() 
$.ajax({ 
     type: 'POST', 
     url: 'validation_profil.php?var=maj_email', 
     beforeSend: function(){ 
      $("div#ajax_icon_maj_email").css({background:"url('http://localhost/www3/images/ajax_loader.gif')"}) 
      $("div#error_maj_email").hide() 
      if($("div#error_maj_email").text()=="Email syntaxe incorrecte"){ 
       $("form#maj_email input:[name=email]").css({border:"1px solid red"}) 
      } 

     }, 
     data:_data, 
     cache: false, 
     success: function(html){ 
      $('div#error_maj_email').html(html) 
      $("div#ajax_icon_maj_email").css({background:"url('none')"}) 
      $("div#error_maj_email").fadeIn() 
     } 
    }) 
}) 

Answer 1

양식이 귀하의 아약스 전화 대신 양식을 통해 제출되고있는 것 같습니다. 이 문제가 발생하지 않도록하려면이 동작을 방지해야합니다.