[英]Check if form inputs are empty and if not, display a hidden div on submit button press
[英]HTML Submit form with both empty field check and button hiding
我有一个带有“必填”字段的表单,因此Chrome会在提交表单时检查是否按下了所有字段。
但是,我想向按钮添加一些JS,但是在这种情况下,我在那里的操作会覆盖默认的浏览器行为,以检查所需的字段。
在浏览器确认所有字段均已填写之后,是否有方法可以在单击按钮时执行Javascript,而无需手动进行检查?
当然
像这样 :
的HTML
<form onsubmit="return checkform()">
JS
function checkform()
{
//Code here
return true; //return false for cancel the submit
}
例
function checkform() { if($("#name").val()!="John") { alert("checkform alert"); return false; } alert("Ok"); return true; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form name="monform" onsubmit="return checkform()"> <input type="text" id="name" required> <button type="submit">Send</button> </form>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.