表单不提交chrome但在firefox提交

Question

我有一个像下面这样的submmit按钮:

保存并继续

我在js中的功能是:

function checkCreditDebit(buttonValues) {
    //Some validation here

   //Disable Button if once clicked to prevent twice form submission
    document.getElementById('saveandcontinue').disabled = 'disabled';
    document.getElementById('onlysave').disabled = 'disabled';

}

但是当我在firefox中提交表单时,它禁用了"保存并继续",按钮并提交表单.但在chrome中它会禁用按钮但不提交表单.有什么问题请建议.提前致谢

Answer 1

而不是仅仅禁用您的提交按钮(如果您在文本框中按Enter键也可以提交表单),请在表单中附加一个处理程序,该表单将为表单留下"类名"作为表单已提交的标记,如果用户再次提交表单,则处理程序应检查表单是否已具有类名,然后通过event.preventDefault()阻止重复提交.

试试这个:

<form onsubmit="prevent_duplicate(event,this);" action="">
    <input type="text" />
    <input type="submit" />
</form>
<script>
    function prevent_duplicate(event,form)
    {
       if((" "+form.className+" ").indexOf(" submitted ") > -1)
       {
          alert("can't submit more than once!!!");
          event.preventDefault();
       }
       else
       {
           form.classList.add("submitted");
       }
   }
</script>

在这里演示