目标：主要是访问用户输入的表单数据，校验用户输入的正确性。
获取表单的引用：
//方法一:将表单的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是属性，只有有该属性的对象才能调用
转载于:https://www.cnblogs.com/lxy1023-/p/6535573.html
相关资源：JAVA上百实例源码以及开源项目