锁定老帖子 主题:自写 js validation 验证框架
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (1)
|
|
---|---|
作者 | 正文 |
发表时间:2011-02-15
最后修改:2011-02-15
一、背景:
一个表单的填写,分了n个页面,第一个页面必须首先填写,再可填其他页面,tab切换的时候要验证当前页面的元素,验证不通过的不能切换的其他页继续填写表单。。。。由于很多验证框架都是与form绑定的,导致无法实现这样的需求
1、页面加载的时候,input,select,textarea等元素绑定onblur事件。
2、元素增加三个属性:
3、onblur事件发生的时候,自动验证当前元素。
4、form提交或tab切换的时候,验证form或者table下所有需要验证的结点
写道
js调用函数:alidator_by_id(id); // 返回boolean,通过id,验证该对象下的所有的必须验证的元素,并不是该id这个元素。
例如: <form id = 'f_id' > <table id ='t_id1' > <input ....../> <input ....../> <input ....../> </table> <table id ='t_id2' > <input ....../> <input ....../> <input ....../> </table> </form> 如果调用validator_by_id(t_id1)则验证t_id1 table <table id ='t_id1' > <input ....../> <input ....../> <input ....../> </table> 这几个元素 如果调用validator_by_id(f_id)则验证整个form id不一样验证的不一样
function submitByJs(id) {; //js可改变元素的属性,更改元素是否必须输入,是否验证。例如 document.getElementById("code").require = 'false'; //验证 if (!validator_by_id(id)) { return false; } document.getElementById("pageForm").submit(); }
声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2011-03-17
document.getElementById("id");
使用jQuery框架更简单: $("#id"); 跟那句话是一样的 |
|
返回顶楼 | |
发表时间:2011-03-17
chelsi916 写道 document.getElementById("id");
使用jQuery框架更简单: $("#id"); 跟那句话是一样的 这里没引入jQuery框架。 也可以写一个 function $(a ) { return document.getElementById(a); } 然后这样用 $("aa"); 行么 |
|
返回顶楼 | |
浏览 2308 次