表单检验

在form表单中如何确认必填项是否为空是一个问题

<form action="http://www.baidu.com" id="login">
			<input id="name" placeholder="请输入用户名"  />
			<input id="passwd" type="password" placeholder="请输入密码"/>
			<textarea id="summary"></textarea>
			<input type="radio" name="sex"/>男<input type="radio" name="sex"/>女
			<input type="checkbox" name="hobby"/>篮球<input type="checkbox" name="hobby"/>羽毛球
			
			<select id="grade">
				<option id="1">请选择</option>
				<option id="2">一</option>
				<option id="3">二</option>
			</select>
			
			<p id="button" onclick="ch()">登陆</p>
			<p id="reset">重置</p>
		</form> 

js代码

function ch(){
				var element=document.getElementById("name");
				if(element.value==""){
					alert("请输入用户名");
					return;
				}
				element=document.getElementById("passwd");
				if(element.value==""){
					alert("密码");
					return;
				}
				element=document.getElementById("summary");
				if(element.value==""){
					alert("请输入简介");
					return;
				}
				var elements = document.getElementsByName("sex");
				var flag = 0;
				for(var i=0;i<elements.length;i++){
					if(elements[i].checked){
						flag=1;
						break;
					}
				}
				if(flag==0){
					alert("请选择性别");
					return;
				}
				
				var flag = 0;
				elements = document.getElementsByName("hobby");
				
				for(var i=0;i<elements.length;i++){
					if(elements[i].checked){
						flag=1;
						break;
					}
				}
				if(flag==0){
					alert("请选择爱好");
					return;
				}
				
				elements = document.getElementById("grade").options;
				
				for(var i=0;i<elements.length;i++){
					if(elements[i].selected&&elements[i].value==1){
						alert("请选择年级");
						return;
						
					}
				}
			}
			
			
			
		</script>