js实现的验证，学习用js控制td- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js实现的验证，学习用js控制td

技术文章搜索

关键字

Javascript 中的 js实现的验证，学习用js控制td

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 251 ::

收藏到网摘: n/a

不要小看注释掉的JS 引起的安全问题 javascript iframe中打开文件,并检测iframe存在否

JS日积月累001 - rows 和 cells的使用

点击运行可以看到效果:

<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 引起的安全问题 javascript iframe中打开文件,并检测iframe存在否

Javascript 中的 js实现的验证，学习用js控制td

评论 (0) All