以下内容阻止表单在 Chrome、FF 和 Safari 中提交 - 但在 IE 和 Opera 中不提交:
JavaScript:
function validateAll() {
var fFirstname = document.getElementById('firstname');
if (fFirstname.value == "") {
invalidFirstname.style.display = "block";
firstname.className = "Standard-Req";
firstname.focus();
alert('Please fill out First Name.');
return false;
}
的HTML:
<form name="Contact" action="somefile.php" method="post" onSubmit="return validateAll();">
<input type="text" name="firstname" class="Standard" id="firstname">
<input type="submit" name="Submit" value="Send Message" class="btn-Standard">
</form>
现在,如果我在 ALERT 之前去掉 3 个命令,它可以在 IE 和 Opera 中工作......就像这样:
function validateAll() {
var fFirstname = document.getElementById('firstname');
if (fFirstname.value == "") {
alert('Please fill out First Name.');
return false;
}
如果没有输入数据,我真的希望能够更改课程,显示错误图标(invalidFirstname)并聚焦该字段......这可能吗?