本文主要是介绍js Elemet.getAttribute(String attrName)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
<form action="?" οnsubmit="formValidate(this);">
邮编：<input type="text" name="postCode" datatype="postcode"><br />
电话：<input type="text" name="tel" datatype="tel"><br /> email：<input
type="text" name="email" datatype="email"><br /> 传真：<input
type="text" name="fax" datatype="tel"><br /> 手机：<input
type="text" name="phone" datatype="phone"><br /> <input
type="submit" name="sub" />
</form>
datatype为自定义属性：
<script type="text/javascript">
function formValidate(form) {
var arrs = form.elements;
try {
for ( var i = 0; i < arrs.length; i++) {
var dataType = arrs[i].getAttribute('datatype');
var eleName = arrs[i].name;
//alert('name---' + eleName);
var eleValue = arrs[i].value;
/// if (!!eleValue) {
alert('请输入内容--' + dataType);
//return false;
// }
switch (dataType) {
case 'postcode':
var reg = /\d{6}$/;
if (!reg.test(eleValue)) {
alert('please ,correct to input postCode!');
} else {
alert('ok');
}
break;
/*case "tel"：
if(!(/^\d{4}-\d{7}$/.test(eleValue))){
alert('please ,correct to input tel!');
}
break;
case "email"：
if(!(/^\w{4,}@\w{2,}.\w{2,}/.test(eleValue))){
alert('please ,correct to input email!');
}
break;
case "fax"：
if(!(/^\d{4}-\d{7}$/.test(eleValue))){
alert('please ,correct to input fax!');
}
break;
case "phone"：
if(!(/^\d{11}$/.test(eleValue))){
alert('please ,correct to input phone!');
}
break;*/
}
}
} catch (e) {
alert(e);
} finally {
alert('clean code');
}
return false;
}
</script>
//#################
1.var dataType = arrs[i].getAttribute('datatype');
2.var eleName = arrs[i].name;
注意代码行1和代码行2的区别：
由于name为原生属性，所有可以用通过对象.属性名获得
而datatype为自定义属性，不能通过对象.属性名获得只能通过对象.getAttribute(属性名)获得属性值
getAttribute:
方法getAttribute()将返回一个元素的指定属性的值。HTMLElement对象定义了和每个标准HTML属性对应的javaScript属性，因此，只有当你查询非标准属性的值的时候，才需要和HTML文档一起使用该方法。
在xml文档中，属性值不能直接作为元素的属性，必须通过调用方法来查询它们。对于使用名字空间的xml文档来说，需要使用getAttributeNS()方法。
这篇关于js Elemet.getAttribute(String attrName)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
