首页 > 代码库 > 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是属性,只有有该属性的对象才能调用