js-form表单元素的自定义属性
2017-03-21 09:16
381 查看
form表单元素的自定义属性
CreateTime--2016年9月22日09:03:40
Author:Marydon
场景:
<script type="text/javascript"> var name = "lisi"; function test1 () { var name = "zhang"; function test2 () { console.log(this.name); } alert(name); //return test2; } </script>
<input onSuccess="test1()" onError="错误" name="userName" value="zhang"/>
获取input文本框的值及自定义属性值
<script type="text/javascript"> window.onload = function () { /** * 获取下面这个input标签 */ //方法一:根据name获取--这种获取方式,如果存在多个input标签的name="userName"的,返回就是 //一个数组;如果只有,返回的就是该标签对象(只获取form表单定义的name) var inputUnameTag = document.all.userName; /** * 方法二:也是根据name获取 * var inputUnameTag = document.getElementsByName("userName")[0]; */ /** * 方法三:根据input标签获取 * var inputUnameTag = document.getElementsByTagName("input")[0]; */ //获取该标签的自定义onSuccess属性 /** * 自定义属性的值的获取方式 * 错误方式: * var aa = inputUnameTag.onSuccess; 自定义属性无法通过这种方式获取 * 正确的方式为:使用getAttribute()方法 */ var errorMsg = inputUnameTag.getAttribute("onError");//errorMsg的值为:错误 /** * 运行自定义属性调用的方法 * 错误方式: * var ee = inputUnameTag.getAttribute("onSuccess");//这样获取的是字符串"test1()" * 正确方式:eval() */ var result = eval(inputUnameTag.getAttribute("onSuccess")); //会将test1()当作方法来执行,如果有返回值用变量接收 console.log(cc); //如果没有定义返回值,则会显示undefined } </script>
相关推荐:
相关文章推荐
- Drupal7 自定义表单元素(form element)
- js遍历form表单元素
- form表单 无法提交js动态添加的表单元素问题。。
- 为form表单元素添加placeholder属性
- 用JS动态改变表单form里的action值属性的两种方法
- 跟KingDZ学HTML5之十二 HTML5 Form 表单元素新增属性
- 如何在js中取到自定义的属性值(非表单元素)
- js入门·表单详解一(修改表单属性,修改表单元素值)
- js取form对象方法,表单属性和方法
- js动态添加表单form元素
- jquery获取form表单的值 以及自定义属性的值
- js 使FORM表单的所有元素不可编辑的示例代码
- js来获取嵌套的子页面iframe里面的html和form表单中元素值
- 当一个页面中有多个form表单并且有重名的元素时,js获取指定form表单中的指定元素
- form表单元素 及其属性
- js入门·表单详解一(修改表单属性,修改表单元素值)
- js 使FORM表单的所有元素不可编辑的示例代码
- js 使FORM表单的所有元素不可编辑的示例代码
- JS 表单元素常用查找及添加属性
- 表单元素编码formenctype属性