我正在尝试验证表单而不将错误消息显示为警报。 innerHTML似乎是我最好的选择。
我已经尝试实现它,但是我没有运气。
这是代码。
Javascript:
<script> function validateForm() {
var x = "";
if (document.orderForm.firstName.value = "")
x += "Please enter your first name.";
document.getElementById('error').innerHTML = x;
return false;
}</script>
HTML:
<form name="orderForm" method="post" onsubmit="return validateForm()" action="processForm.html" >
<table>
<tr>
<th colspan="2">Personal Information</th>
</tr>
<tr>
<td>First Name:</td>
<td><input type="text" name="firstName" id="firstName" size="30"></td>
</tr>
</table>
<div name="error" id="error">
</div>
</form>
现在没有错误消息显示。
最佳答案
<script> function validateForm() {
if (document.orderForm.firstName.value == ""){ // == is comparison... = is assignment
document.getElementById('error').innerHTML = "Please enter your first name.";
return false;
}
else
return true //Don't forget to return true if everything checks out
}</script>