javascript表單驗證

document.getElementById("usernameErr").innerHTML = "<font color='red'>請輸入正確的用戶名,用戶名長度爲3-18位！</font>";

在提交表單信息時，比如註冊某個網站的賬號，如果沒有按照要求來輸入，他會alert出對話框說某個地方有誤，然後你就必須點擊鼠標確定才能繼續下去。如果說會彈出很多對話框，你 又必須挨個點擊才能繼續，就會覺得很煩，手一直在鍵盤和鼠標之間來回換。。。

新的表單驗證是不用alert方法。而是用一行紅色的字來提示你輸入不正確。

<tr>
     <td>用戶名：</td>
     <td>
      <input type=text name="username" size="30" maxlength="10">
     </td>
</tr>

只增加了兩句

<tr>
    <td>用戶名：</td>
    <td>
    <input type=text name="username" size="30" maxlength="10" onBlur="checkUserName(this.value.toLowerCase())">
    <div id="usernameErr"></div>
    <!--<span id="usernameErr"></span>--> </td>
</tr>
（添加div和span是差不多的）

 

然後寫一個checkUserName函數，相當於將裏面的Alert函數換成

document.getElementById("usernameErr").innerHTML = "<font color='red'>請輸入正確的用戶名,用戶名長度爲3-18位！</font>";

最後加一句

document.getElementById("usernameErr").innerHTML = "“;這句是將那行紅字清除掉，讓其不再顯示。