javascript - 循环遍历 html 表单

Question

我正在尝试验证 html 表单，如果提交时有任何元素为空，则返回警报。当我测试此脚本时，无论是否填写任何字段，都会将 from 发送到服务器。任何帮助将不胜感激。

<script type="text/javascript">
    /* <![CDATA [ */

        function validateForm()
        {
            for(var i=0; i < document.salesRecords.elements.length; i++)
            {
                if(document.salesRecords.elements[i].value == null || document.salesRecords.elements[i].value == "")
                {
                    alert("Error " + name + " must be given a value");
                    return false;
                }
                else return true;
            }
        }

    /* ]]> */   
    </script>

HTML

<form action ="some_action.php" name="salesRecords" method="post">
Client = <input type="text" name="client" value="" /> </br>
Date = <input type="text" name="date" value="" /> </br>
Value = <input type="text" name="amount" value="" /> </br>
<input type="submit" value="Submit" onclick="validateForm();"/>

Answer 1

试试这个:

HTML:

<input type="submit" value="Submit" onclick="return validateForm();"/>

Javascript:

function validateForm()
    {
        for(var i=0; i < document.salesRecords.elements.length; i++)
        {
            if(document.salesRecords.elements[i].value == null ||
             document.salesRecords.elements[i].value == "")
            {
                 alert("Error " + document.salesRecords.elements[i].getAttribute("name") + " must be given a value");
                return false;
            }

        }

    }

Demo