首页 > 代码库 > JavaScript 表单编程
JavaScript 表单编程
JavaScript 表单编程
目标:主要是访问用户输入的表单数据,校验用户输入的正确性。
获取表单的引用:
//方法一:将表单的ID作为方法的参数
var f1 = document.getElementById("f1");
//方法二:表单集合,得到第一个表单
var f2 = document.forms[0];
//方法三:得到名为fm的表单
var f3 = document.forms["fm"];
//方法四:简写
var f4 = document.fm
访问表单的元素:
//获取表单元素方法一:将表单元素的ID作为方法的参数
var username1 = document.getElementById("username");
//获取表单元素方法二:得到第一个表单元素
var username2 = fm.elements[0];
//获取表单元素方法三:得到名为username的表单元素
var username3 = fm.elements["username"];
//获取表单元素方法四:
var username4 = fm["username"];
//获取表单元素方法五:
var username5 = fm[0];
//获取表单元素方法六:
var username6 = fm.username;
html就是你可以添加像<a></a>、<p></p>等标记
text只能写文本如果写了上面的标记则会以文本形式输出
val是属性,只有有该属性的对象才能调用表单验证很重要,要考虑的是什么时候捕获表单的录入错误,1错误发生之前,2在错误发生时,一般给提示,3在错误发生之后,提交的时候还要注意。
ID
$(“#div1”),取页面中id名为div1的元素
DOM元素名
$(“p”),取页面中的所有段落标记
CSS表达式
$(“.c1”),取页面中所有class样式为c1的元素
2. 用于input、option等有value控件的取值
取值val()
设置值val(“new val”)
用于取内容
取内容text()
设置内容text(“new text”)
用于取html内容
取内容html()
设置内容html(“new html code”)
html就是你可以添加像<a></a>、<p></p>等标记
text只能写文本如果写了上面的标记则会以文本形式输出
val是属性,只有有该属性的对象才能调用