Javascript 在使用jQuery验证字段之前禁用表单提交

我已修改此脚本以提交表单。 目标是禁用submit按钮，直到所有表单字段都经过验证。 这在第一次使用时效果很好，但从那以后，我的表单就没有jquery处理提交的动作

因此，在我提交表单之后，提交按钮不会被禁用。我必须刷新页面才能将其禁用

我想做的是，在每一篇文章之后。。提交按钮应该被禁用，而不刷新页面

这可能吗

如果我的表单有一个操作页面，它就可以工作。但我不想那样

提交表格：

       $(document).ready(function() {
    $("#paForm").submit(sendForm)
    });

   function sendForm() {
      $.post('pa_submit.cfm',$("#paForm").serialize(),function(data,status){
    $("#result").html(data)
});// end of submit 
$( '#paForm' ).each(function(){
      this.reset(); // end of reset 
  });
return false
  }

禁用提交按钮，直到所有字段都已验证

       $(document).ready(function() {
       $form = $('#paForm'); // cache
       $form.find(':input[type="submit"]').prop('disabled', true); // disable submit btn
      $form.find(':input').change(function() { // monitor all inputs for changes
    var disable = false;
       $form.find(':input').not('[type="submit"]').each(function(i, el) { // test all inputs for values
            if ($.trim(el.value) === '') {
            disable = true; // disable submit if any of them are still blank
           }
        });
         $form.find(':input[type="submit"]').prop('disabled',disable);
      });
    });

我正在使用jquery函数将我的值发布到数据库。我的表单没有动作

---

这里是JSFIDLE页面，它显示了我的问题

为什么不在提交后禁用按钮

您已经具备了提交功能：

function sendForm() {
 $.post('pa_submit.cfm',$("#paForm").serialize(),function(data,status){
  $("#result").html(data)
 });// end of submit 
 $( '#paForm' ).each(function(){
  this.reset(); // end of reset 
 });
 return false;
}

通过调用submit按钮进行扩展以禁用它：

function sendForm() {
 $.post('pa_submit.cfm',$("#paForm").serialize(),function(data,status){
  $("#result").html(data)
 });// end of submit 
 $( '#paForm' ).each(function(){
  this.reset(); // end of reset 
 });
 $("#paForm").find(':input[type="submit"]').prop('disabled', true); 
 return false;
}

这将在每次提交后禁用该按钮

---

与此无关，但您可能需要查看jQuery和清理部分代码。

请正确设置代码格式。如果我正确理解了你的问题，你能不能用一个按钮而不是一个提交按钮，并在点击按钮时使用ajax将数据发布到数据库中？我将代码放在JSFIDLE中，显示了我的问题。我的问题是，我无法在Coldfusion中使用Ajax调用，遗憾的是，这不是php:（谢谢你，它成功了。是的，我正在尽最大努力清理代码