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是属性，只有有该属性的对象才能调用