HTML表单验证 - 出发

我有需要的文本字段的HTML表单，这样的事情之前检查“需要”属性 -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>'); 
});

，我撞到的问题一个元素替换它就是这样在填写必填字段之前单击提交按钮会触发此脚本，从页面中删除该按钮并阻止用户在填写必填字段后提交表单。

我需要的是告诉隐藏和追加方法在我的函数中只有在所有必填字段都被填充后才会触发。如何在继续之前访问所有必填字段的必需属性并检查它们是否返回true，以便只填写所有必填字段时方法才会触发？

来源

2016-02-23 skwidbreth

将事件监听器添加到表单的onsubmit事件中，如果检查失败，则添加return: false。

来源

2016-02-23 18:32:02 ratherblue

很酷，谢谢。我非常想用'click'事件处理程序，完全忘了'submit'处理程序。 – skwidbreth

在提交表单前使用JavaScript验证表单域，如果有空域或任何不正确的信息，提醒用户。在这里使用javascript查找表单验证教程，http://www.web-tutor99.com/complete-form-validation-using-javascript.html

来源

2016-02-23 18:50:55 rayees

HTML表单验证 - 出发

回答

相关问题