分享一个验证表单是否为空的javascript通用方法

时间:2015-12-15
相信大家对验证表单元素是否为空非常熟悉，大部分朋友会一个一个元素去验证，这种方法并不算好，因为如果表单有很多元素，那么需要写很多的代码。本实例向大家介绍一个通用而且简单的方法来验证表单是否为空。需要的朋友可以拿去参考一下。

实例代码如下：

<html> 
<head> 
<script type="text/javascript"> 
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; 
} 
</script> 
</head> 
<body> 
    <form onsubmit="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，表单验证失败。

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

随机文章
Javascript知识点必读
最近更新