通过JS使用自定义属性处理数据
2015-05-05 22:01
417 查看
本文介绍使用标签中自定义的属性来处理数据,如添加一个required,pattern等属性,表示该数据必输,或者需要符合某个表达式。
一般的html页面或者jsp页面中的标签,如input标签,都有一些属性,如maxlength规定最大长度等,但是还不足,有时候需要通过定义公共的js方法,其他页面都引入这个js,然后提交时就可以通过属性来达到某种控制。
1.页面引入公共的js
2.这个js文件中定义方法
其他的如正则,pattern等类似,就是定义方法,如果标签(input输入框)有这个属性,那么进行判断即可
3.页面定义属性
一般的html页面或者jsp页面中的标签,如input标签,都有一些属性,如maxlength规定最大长度等,但是还不足,有时候需要通过定义公共的js方法,其他页面都引入这个js,然后提交时就可以通过属性来达到某种控制。
1.页面引入公共的js
<script language="javascript" src=”xxxx.js”>
2.这个js文件中定义方法
//按照先校验必输项,再校验组合项,再校验正则的顺序校验 function lhw_validation(formName){ document.getElementById("EEE").innerHTML=""; var form; if(formName==null||formName=="") form=document.forms[0]; else form=document[formName]; //必输项校验 lhw_required(form); } function lhw_required(form){ for(var i=0;i<form.length;i++){ var obj=form[i]; var attributes=obj.attributes; for(var j=0;j<attributes.length;j++){ var attribute=attributes[j]; if(attribute.name!=null && attribute.name=="required"){ var value=obj.value; var parent1=obj.parentElement; if(value==null||value==""){ var brother=parent1.previousElementSibling; if(brother==null) brother=parent1.previousSibling; var name2=brother.innerText; //前一个同级元素 document.getElementById("EEE").innerHTML=name2+"不能为空"; return false; } } } } return true; }
其他的如正则,pattern等类似,就是定义方法,如果标签(input输入框)有这个属性,那么进行判断即可
3.页面定义属性
<td width="20%" height="23" nowrap class="tdTitle">机构号</td> <td align="left" width="30%" nowrap class="tdValue"> <input required="true" type='text' id='DeptId' name='DeptId' /> </td>
相关文章推荐
- jquery使用attr访问自定义属性,减少javascript脚本中代码和数据的耦合
- JavaScript/Js脚本处理html元素的自定义属性(兼容Firefox和IE)
- 处理模型——通过定义一个自定义的TypeWriter和TypeReader直接处理顶点位置数据
- 处理模型——通过定义一个自定义的TypeWriter和TypeReader将多个对象存储在Tag属性中
- android ListView布局之三(使用自定义的Adapter绑定数据,通过contextView.setTag绑定数据)有按钮的ListView
- asp.net中自定义控件ascx增加自定义属性以及给该属性使用绑定数据的解决方案
- 读取 XML 数据时,超出最大字符串内容长度配额 (8192)。通过更改在创建 XML 读取器时所使用的 XmlDictionaryReaderQuotas 对象的 MaxStringContentLength 属性,可增加此配额。
- JS动态添加HTML自定义属性以及处理HTML元素的自定义属性(兼容FIREFOX和IE)
- 使用js-ctypes——处理数据
- 读取 XML 数据时,超出最大字符串内容长度配额 (8192)。通过更改在创建 XML 读取器时所使用的 XmlDictionaryReaderQuotas 对象的 MaxStringContentLength 属性,可增加此配额。【轉】
- android ListView布局之三(使用自定义的Adapter绑定数据,通过contextView.setTag绑定数据)有按钮的ListView
- Js脚本:动态添加HTML自定义属性以及处理html元素的自定义属性(兼容Firefox和IE)
- JavaScript/Js脚本处理html元素的自定义属性(兼容Firefox和IE)
- 当您通过使用 InfoPath 2010 表单连接到 Web 服务时沙盒中处理的代码包含的、 不返回的数据或您收到一条错误消息
- 使用js函数实现的通过输入框中数据的长度来控制光标聚焦位置
- JavaScript/Js脚本处理html元素的自定义属性(兼容Firefox和IE)
- 使用js在IE9中获取标签自定义属性
- WCF:读取 XML 数据时,超出最大字符串内容长度配额 (8192)。通过更改在创建 XML 读取器时所使用的 XmlDictionaryReaderQuotas 对象的 MaxStringContentLength 属性,可增加此配额。
- 《项目经验》--通过js获取前台数据向一般处理程序传递Json数据,并解析Json数据,将前台传来的Json数据写入数据库表中
- Js中的Attribute处理自定义属性兼容性