实例代码如下:

<html> 
<head> 
<  type=\"text/ \"> 
function checkForm(form) { 
    for (var i = 0; i < form.elements.length; i++) { 
        if (form.elements[i].type == \"text\" && form.elements[i].value == \"\") { 
            document.write(\"Fill out ALL fields.\"); 
            return false; 
        } 
    } 
    return true; 
} 
</ > 
</head> 
<body> 
    <form  =\"return checkForm(this)\"> 
        Please enter all requested information:<br> 
        First Name:<input type=\"text\" name=\"firstName\"><br> 
        Last Name:<input type=\"text\" name=\"lastName\"><br> 
        Rank:<input type=\"text\" name=\"rank\"><br> 
        Serial Number:<input type=\"text\" name=\"serialNumber\"><br> 
        <input type=\"submit\"> 
    </form> 
</body> 
</html>

本实例采用遍历的方法来获取表单元素,并判断元素是否为空。如果其中有一个为空,则return false,表单验证失败。

你可以把代码复制到这个页面运行一下。

收藏 打印