第八次网页前端培训（JS）

表单

获取：

1. document.getElementById( "id属性值");通过from标签的id属性值获取表单对象                            2. document.表单的name属性值;通过表单的name属性值获取表单对象                                            3. document.forms[下标];通过指定下标获取表单元素
4. document .forms[表单的name属性值];通过表单的name属性值获取表单对象

<form name="myForm" action="demo_form.php" οnsubmit="return validateForm()" method="post">

获取input元素：如text password hidden textarea等，前两种常用。
1)、通过id 获取:document.getElementById(元素id);                                                                        2)、通过form.名称形式获取:myform.元素名称;name属性值
3)、通过name 获取:document.getElementsByName( name属性值)[索引]//从0开始                      4)、通过tagName 数组 :document.getElementsByTagName( 'input ')[索引]//从8开始

下拉框：

(1）获取select对象
        var ufrom = document. getElementById( "ufrom" );                                                                    (2）获取选中项的索引
       var idx = ufrom. selectedIndex;
(3   获取选中项options 的value属性值
       var val = ufrom. options[ idx ].value ;
      注意:当通过options获取选中项的value属性值时，
      若没有value属性，则取option标签的内容
      若存在value属性，则取value属性的值                                                                                        (4)  获取选中项options的text:var txt = ufrom. options [ idx ] .text;
      选中状态设定: selected='selected'、selected=true、selected                                                            未选中状态设定:不设selected属性

提交：

使用普通按钮type="button"
        1．给按钮绑定click点击事件，绑定函数
        2．在函数中，进行表单校验(非空校验、合法性校验等)3．如果校验通过，则手动提交表单
                           |表单对象.submit();

验证：

验证内容：

• 必需字段是否有输入?
• 用户是否输入了合法的数据?
• 在数字字段是否输入了文本?

HTML 输入属性：

disabled	规定输入的元素不可用
max	规定输入元素的最大值
min	规定输入元素的最小值
pattern	规定输入元素值的模式
required	规定输入元素字段是必需的
type	规定输入元素的类型

选择器：

:disabled	选取属性为 "disabled" 属性的 input 元素
:invalid	选取无效的 input 元素
:optional	选择没有"optional"属性的 input 元素
:required	选择有"required"属性的 input 元素
:valid	选取有效值的 input 元素