HTML表单验证-在继续之前检查“必需”属性
HTML表单验证-在继续之前检查“必需”属性
提问于 2016-02-23 18:30:24
我有一个html表单，里面有必要的文本字段，就像这样-
<form>
<input type="text" class="text_input" required>
<input type="text" class="text_input" required>
<div id="submit_div">
<input type="submit id="submit">
</div>
</form>为了防止意外重复提交(例如有人单击两次提交，或者不耐烦地单击提交)，我添加了以下脚本，该脚本隐藏了原始提交按钮，并将其替换为外观基本相同但没有功能的元素。
$("#submit")click(function() {
$("#submit").hide();
$("#submit_div").append('<div id="submitting" class="buttonText animated flash">Submitting...</br><div class="againStop" id="stop">Please wait</div></div>');
});我遇到的问题是，在填写所需字段之前单击submit按钮会触发此脚本，从页面中删除该按钮，并阻止用户在填写所需字段后提交表单。
我需要的是告诉函数中的隐藏和追加方法只有在所有必需的字段都已填充时才触发。如何访问所有所需字段的所需属性，并在继续之前检查它们是否返回true，以便只有当所有必需字段都已填写时，方法才会触发？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-02-23 18:32:02
将事件侦听器添加到窗体的onsubmit事件中，如果检查失败，则添加return: false。
Stack Overflow用户
发布于 2016-02-23 18:50:55
在表单提交之前使用JavaScript验证表单字段，如果存在空字段或任何不正确的信息，请通知用户。在这里找到关于使用javascript进行表单验证的教程，http://www.web-tutor99.com/complete-form-validation-using-javascript.html
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35585374
复制相关文章
相似问题
腾讯云开发者
