这个jquery验证阻止我发布表单数据，没有这个一切正常

Question

此验证阻止发布表单数据。没有它，一切正常，但我需要验证

$(document).ready(function(){
  
   $('#btn_personal_details').click(function(){

    var error_first_name='';

  
      

   if($.trim($('#first_name').val()).length == 0)
     {
      error_first_name = 'First name is required';
      $('#error_first_name').text(error_first_name);
      $('#first_name').addClass('has-error');
     }
     else
     {
      error_first_name = '';
      $('#error_first_name').text(error_first_name);
      $('#first_name').removeClass('has-error');
       if($.trim($('#first_name').val()).length < 3)
       {
        error_first_name = 'Name should contain 3 letters';
        $('#error_first_name').text(error_first_name);
        $('#first_name').addClass('has-error');
       }
       else
       {
        error_first_name = '';
        $('#error_first_name').text(error_first_name);
        $('#first_name').removeClass('has-error');

       }
       
     }


     if( error_first_name !='')
     {
      return false;
     }
     else
       
     {
       $('#btn_personal_details').attr("disabled", "disabled");
        $(document).css('cursor', 'progress');
        $("#register_form").submit();
      
        
     }
    });
  
});

我正在使用 php，但这个 jquery 代码工作正常，但它阻止发布表单数据，它没有提交表单数据

Answer 1

我可以看看你的一些 html 代码吗？但是你可以这样尝试：

我认为 $.trim 函数会删除所有换行符、空格（包括不间断空格）。

if($('#first_name').val() == ''){
   //Do something
}else{
  if($('#first_name').val.length< 3){
     // require atleast 3 letters
  }
}