Question

我有一个带有提交按钮的表单，在单击被禁用后，以避免双重插入。现在我有一个问题，使用jquery $（“＃element”）。submit（）浏览器不处理表单中的必填字段。这是我的代码：

<form ...>
<input type='text' name='element' required/>
    <button onClick='disable_btn();' id='submitbtn' type="submit"
      class="btn btn-info btn-md col-md-3"> SAVE </button>
</form>

<script>
function disable_btn(nometag)   
{$("#submitbtn").html('Saving...');
$("#submitbtn").attr("disabled", "disabled");
$("#submitbtn").closest("form").submit() }
</script>

它适用于<input type='submit'>

如何验证（不是空字段检查）表单？感谢

Answer 1

与@Arun建议的一样，拦截表单提交的自动防御方法应该通过.submit()事件而不是提交按钮的.click事件来完成。

另外，一些代码修订：

避免使用内联JS。改为绑定事件监听器。
链接你的JS方法
使用.prop()代替布局属性而不是.attr()。

这是一个工作片段：

$(function() {
  $('form').submit(function() {
    $("#submitbtn")
    .html('Saving...')
    .prop('disabled', true);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type='text' name='element' required />
  <button id='submitbtn' type="submit" class="btn btn-info btn-md col-md-3">SAVE</button>
</form>

使用Javascript表单上提交的HTML5

1 个答案: