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

Posted

技术标签:

【中文标题】这个jquery验证阻止我发布表单数据,没有这个一切正常【英文标题】:this jquery validation prevent me to post form data, without this all is working fine 【发布时间】:2021-05-24 08:52:11 【问题描述】:

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

$(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 代码工作正常,但它阻止发布表单数据,它没有提交表单数据

【问题讨论】:

这是用 jQuery 编写的自定义验证代码,而不是 jQuery Validate 插件。编辑的标签。另外,请包含您表单的相关 html 【参考方案1】:

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

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

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

【讨论】:

我在哪里可以分享 html 代码给你。按钮 按钮中没有 id 一切正常,如果我删除这个 id 这个按钮将发布数据意味着问题处于验证的最后一个其他条件中 @HasnainKhan,您应该发布一个包含所有相关细节的清晰书面问题,以便这里的任何人都可以理解和帮助,而不是私下一对一地工作。

以上是关于这个jquery验证阻止我发布表单数据,没有这个一切正常的主要内容,如果未能解决你的问题,请参考以下文章

Jquery 验证触发但不阻止表单提交

停止表单提交,使用 Jquery

输入值始终为 0 并阻止表单验证

如何使用表单验证防止重复提交

JQuery.Validate 插件可以阻止提交 Ajax 表单吗

jquery ajax 验证表单,没通过,则阻止提交表单,怎么做?