js實現的驗證，學習用js控制td

2019-11-21 01:30:21

字體：大中小

來源：轉載

供稿：網友

<html>     <head>             <title>JS日積月累001 - rows 和 cells的使用</title>             <script type="text/javascript">                 function validForm(curForm, bodyName){                     var bodyObj = document.getElementById(bodyName);                     var rowObj = null;                     var cellObj = null;                                          if (bodyObj == null){                         return false;                     }                                          // 引用rows                     for (var i = 0; i < bodyObj.rows.length; i ++){                         rowObj = bodyObj.rows[i];                                                  // 帶*的必須輸入，引用cells                         if (rowObj.cells[0].innerText.indexOf("*") > 0){                             if (rowObj.cells[1].childNodes[0].value == ""){                                 alert(rowObj.cells[0].innerText.replace(" * :", "") + "不能為空！");                                 return false;                             }                         }                     }                                          alert("Pass validation");                     //curForm.submit();                 }             </script>     </head>     <body>         <form action="" method="post" name="loginFrm">             <table>              <tbody id="validBody">              <tr>              <td align="right">用戶名 <font color="red">*</font> :</td>              <td><input type="text" name="username" /></td>              </tr>              <tr>              <td align="right">密碼 <font color="red">*</font> :</td>              <td><input type="password" name="username" /></td>              </tr>              <tr>              <td align="right">子系統 <font color="red">*</font> :</td>              <td>              <select name="systemname">              <option value="">---請選擇---</option>              <option value="HR">人力資源系統</option>              <option value="PUR">采購系統</option>              <option value="SAL">銷售系統</option>              </select>              </td>              </tr>              </tbody>              <tbody>                  <tr>                      <td colspan="2">                          <input type="button" value="提交" name="submit" onclick="validForm(this.form, 'validBody')"/>                          <input type="reset" value="Reset" name="reset"/>                      </td>                  </tr>              </tbody>             </table>         </form>     </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：JS option location 頁面跳轉實現代碼

下一篇：不要小看注釋掉的JS 引起的安全問題