理解JavaScript 表单验证

在这里插入代码片
html代码

<form name="myForm" 
action="demo_form.php"  
onsubmit="return validateForm()"
 method="post">
		名字: <input type="text" name="fname">
		<input type="submit" value="提交">
</form>

onsubmit属性就像是这个html对象的一个方法，
默认返回true。相当于
Form.prototype.onsubmit = function() {
submitTest();
};

所以要写成
Form.prototype.onsubmit = function() {
return submitTest();
};

js代码

function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("需要输入名字。");
        return false;
    }
}

forms是一个表单集合（表单对象）；
可以有多个form，其中一个是myForm，相当于key，所以
forms[“myForm”]就是一种对象取值的方法