码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 表单编程

时间:2014-06-15 13:41:09      阅读:419      评论:0      收藏:0      [点我收藏+]

标签:class   code   java   ext   get   数据   

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

JavaScript 表单编程,布布扣,bubuko.com

JavaScript 表单编程

标签:class   code   java   ext   get   数据   

原文地址:http://www.cnblogs.com/syl1104/p/3789346.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!