帶有Java驗證和警報的HTML表單

Question

我正在一個班級項目上，我想知道是否有人可以提供一些有關如何更好地驗證表單字段的輸入/信息。 具體來說，我希望彈出警報框以顯示所有缺少的必填字段，而不是每個缺少的字段一個框。 任何輸入都會膨脹。

<script type="text/Javascript">
function validateForm(assignmentForm)   
{
    valid = true
    if (document.assignmentForm.firstName.value=="")
    {
        alert ("Please fill in your first name.");
        valid = false;
    }
    if (document.assignmentForm.lastName.value=="")
    {
        alert ("Please fill in your last name.");
        valid = false;
    }
    return valid;
}
</script>

我是在HTML中使用javascript的新手，所以我對最有可能是一個新手的問​​題提前表示歉意。 另外，這是HTML部分的代碼段：

<!--Name Text Fields-->
 <form id="assignmentForm" name="assignmentForm" method="post" onsubmit="return validateForm();">
  <table cellspacing="15">
    <tr>
        <td><a href="#">First Name: </a></td>
        <td><input type="text" id="firstName" name="firstName"></td>
    </tr>
    <tr>
        <td><a href="#">Last Name: </a></td>
        <td><input type="text" id="lastName" name="lastName"></td>
    </tr>

Answer 1

完成所有驗證后，讓每個驗證步驟將其消息添加到要顯示的數組中。

function validateForm(assignmentForm)   
{
    var messages = [];
    if (document.assignmentForm.firstName.value=="")
    {
        messages.push("Please fill in your first name.");
    }
    if (document.assignmentForm.lastName.value=="")
    {
        messages.push("Please fill in your last name.");
    }
    if (messages.length > 0) {
        alert(messages.join('\n'));
        return false;
    } else {
        return true;
    }
}

Answer 2

如果在檢查每個字段之前在函數中創建一個字符串變量，則可以附加一條有關需要填寫的通知。

完成所有檢查后，然后使用構建的字符串顯示警報。

我還建議您也檢查字段中的有效數據-這對於您現在正在做的類工作可能不是必需的，但是對於任何實際代碼來說，這都是一個好習慣。 例如，確保名稱僅由字符組成。