表单
获取：
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 元素 |
|