JavaScript 学习(2)表单元素_html/css_WEB-ITnose
程序员文章站
2024-02-08 15:32:43
...
##JavaScript 学习-2
1. 表单和表单元素
1.1 form对象
form对象的引用:document.forms[0]或者引用name属性,如:document.forms["formname"],也可以直接使用document.formname调用form对象
1.2 form表单属性和元素
name,target,action,method,enctype
赋值改变:document.forms[0].action或document.formName.action
获得form中的元素使用form.elements[],如下面将text值清零
var form=window.document.forms[0];for(var i=0;i
1.3表单控件
1.4向函数传递表单数据和元素
javaScript提供了一个关键字this,它通常指向对象,这个对象包含使用这个关键词的脚本,因此,在一个文本域的onchange事件处理器中,可以使用this作为关键词为函数的参数如
function upperMe(field){ //dosomething }
每个控件都有一个指向所含的表的属性,故可以这么写this.form获取该form
js_4
这段代码有一个比较特殊的逻辑,实验后能发现,在输入框输入之后,点击process requeset之后我们可以看到首次触发是文本框的onchange事件,而process requeset的事件并没有执行。因为text onChange事件的触发是在text离开焦点就触发了,所以在点击text之外的任何的地方都会先触发onChange事件,而按钮的单击在第二次点击后才能执行。这就是组合验证。
1.5提交和验证表单
onsubmit事件处理必须求值得到return true才允许继续提交,或者return false阻止提交。
js_5
下一篇: PHP版本的区别
推荐阅读
-
JavaScript 学习(2)表单元素_html/css_WEB-ITnose
-
css知多少(2)--学习css的思路_html/css_WEB-ITnose
-
JavaScript学习笔记: 数组(七)_html/css_WEB-ITnose
-
JavaScript学习笔记:数组(四)_html/css_WEB-ITnose
-
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习_基础知识
-
【Jsoup学习礼记】从元素抽取属性,文本和HTML_html/css_WEB-ITnose
-
新手求 关于html表单元素的动态变化_html/css_WEB-ITnose
-
JavaScript学习笔记:取数组中最大值和最小值_html/css_WEB-ITnose
-
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
-
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习