资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js实现的验证，学习用js控制td
<html> <head> <title>JS日积月累001 - rows 和 cells的使用</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20function%20validForm(curForm%2C%20bodyName)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20bodyObj%20%3D%20document.getElementById(bodyName)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20rowObj%20%3D%20null%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20cellObj%20%3D%20null%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(bodyObj%20%3D%3D%20null)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E5%BC%95%E7%94%A8rows%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for%20(var%20i%20%3D%200%3B%20i%20%3C%20bodyObj.rows.length%3B%20i%20%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20rowObj%20%3D%20bodyObj.rows%5Bi%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2F%20%E5%B8%A6*%E7%9A%84%E5%BF%85%E9%A1%BB%E8%BE%93%E5%85%A5%EF%BC%8C%E5%BC%95%E7%94%A8cells%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(rowObj.cells%5B0%5D.innerText.indexOf(%22*%22)%20%3E%200)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(rowObj.cells%5B1%5D.childNodes%5B0%5D.value%20%3D%3D%20%22%22)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20alert(rowObj.cells%5B0%5D.innerText.replace(%22%20*%20%3A%22%2C%20%22%22)%20%2B%20%22%E4%B8%8D%E8%83%BD%E4%B8%BA%E7%A9%BA%EF%BC%81%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20false%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20alert(%22Pass%20validation%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2F%2FcurForm.submit()%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fscript%3E"> </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需刷新才能执行
]
教程首页
更多教程