使用Javascript表单提交所需的HTML5

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提交按钮的事件。

另外，一些代码修订：

1. 避免使用内联JS。 而是绑定事件侦听器。
2. 链接您的JS方法
3. 使用.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>