js表单操作

name 很重要：

　　　在DOM中可以直接通过  表单.表单元素的name值来获取表单元素

　　　　例：<form id ="form1">

　　　　　　　　<input type="text" name="text1" value="文本"/>

                 </form>

　　　　js:

　　　　　　var oForm=document.getElementById('form1');

　　　　　　alert(oForm.text1.value);//弹出“文本”

　　onchange：当值发生改变的时候触发

　　　　text：当光标离开的时候，如果内容有变化就触发

　　　　radio/checkbox:标准下点击的时候只要值变了那么就会触发，非标准下焦点离开的时候如果值变了就会触发

　　　　select:

　　　　例：<form id ="form1">

　　　　　　<input type="radio" name="sex" value="男"/>男

　　　　　　<input type="radio" name="sex" value="女"/>女

　　　　　　</form>

　　　　js：  var oForm=document.getElementById('form1');

　　　　　　　　oForm.sex[0].onchange=function(){

　　　　　　　　　　alert("改变了")

　　　　　　　　}

　　　　当name值选中的是一组值，表单.表单元素的name值是一个集合，需要通过下标来选择元素

　　　　<select name="city" value="">//value 的值为option中由selected属性的那个值

　　　　　<option value="">请选择城市</option>

　　　　　<option value="上海">上海</option>

　　　　　<option value="北京" selected>北京</option>

　　　　</select>

　　　　js： oForm.city.onchange=function(){

　　　　　　　　alert(oForm.city.value);//弹出“北京”

　　　　　　}

　　onsubmit()方法 提交表单

　　　　<form id ="form1">

　　　　　　<input type="text" name="text1"/>

　　　　　　<input type="submit" name="dosubmit" value="提交"/>

　　　　　　<input type="reset" name="doreset" value="重置"/>

　　　　</form>

 　　js：var oForm=document.getElementById("form1");

　　　　oForm.onsubmit=function(){

　　　　　　if(this.text1.value==''){

　　　　　　　　alert("请输入内容");

　　　　　　　　return false;//不会被提交

　　　　　　}

　　　　}

　　onreset：事件 当提交表单重置的时候触发,注意重置不是清空，只是返回到上一次重置前的状态之前没有重置的话回到最初状态

　　　　

　　　　oForm.onreset=function(){

　　　　　var re=confirm('确定要重置吗？');//确认会返回true，取消返回false

　　　　　　return re;

　　　　}