FORM表单的获取和回显

创建表单:

form action="http://www.baidu.com" method="post" onsubmit="return cc()">
			
			名字:
密码:
电话号码:
性别:
爱好:
部门:

获取单选性别:

//获取性别
				var sexs=document.getElementsByName('sex');
				var sexValue=0;
				for(var i=0;i

获取多选爱好:

//获取爱好
var hobbys=document.getElementsByName('hobby');
				var ho=[];
				for(var i=0;i

获取下拉列表部门的值

//获取下拉列表的值
				var sel=document.getElementById('sel').value;
				alert(sel);
				
				
				return true;
				
			}

获取手机号

function $(id){
				return document.getElementById(id);
			}
var p=$('phone').value;
//获取电话号码
				phone=p.trim();
		if(!(/^1[34578]\d{9}$/.test(phone))){ 
			alert("手机号码有误,请重填");  
				return false; 
			} 

创建回显按钮和回显的用户属性:


//用户属性
			var t_user={
				
				name:'qinghua',
				pwd:'123456',
				phone:'13400000000',
				sex:0,
				hobbys:'2-3-4',
				dept:2
				
			}

回显姓名,密码,电话

function a(){
				$('name').value=t_user.name;
				$('pwd').value=t_user.pwd;
				$('phone').value=t_user.phone;
				}

回显单选性别

//回显性别
				var sexs=document.getElementsByName('sex')
				for(var i=0;i

回显多选爱好

//回显多选爱好
				var hobbys=document.getElementsByName('hobby');
				var hs=t_user.hobbys.split('-');
				for(var i=0;i

回显下拉列表部门

//回显部门
$('sel').value=t_user.dept;
				
			}
			
			function $(id){
				return document.getElementById(id);
			}

你可能感兴趣的:(HTML,JavaSpript)