表单提交，先验证一些数据（电话验证，和复选框验证等）

最新推荐文章于 2019-05-06 11:11:02 发布

彼岸花开开彼岸

最新推荐文章于 2019-05-06 11:11:02 发布

阅读量495

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/qq_19463235/article/details/40979965

版权

html 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
				function checkBaoming(){
					var info='',i=0;  
					var ids = document.getElementsByName("kecheng");              
					var flag = false ;              
					for(var i=0;i<ids.length;i++){
						if(ids[i].checked){
							flag = true ;
							break ;
						}
					}
					if(document.getElementById('childName').value==''){i++;info+=i+'. 学生姓名：\n';}
					if(document.getElementById('xuexiao').value==''){i++;info+=i+'. 所在学校；\n';}
					if(!flag){i++;info+=i+'. 自选课程;\n';}
					if(document.getElementById('mobile').value==''){i++;info+=i+'. 手机号码；\n';}
					if(document.getElementById('mobile').value.length!=11&&document.getElementById('mobile').value.length!=""){i++;info+=i+'. 手机号码 位数不是 11位；\n';}
					if(info!=''){alert('您还有如下信息还没有填写\n'+info);return false;}
				}
</script>

<form action="提交路径" οnsubmit="return checkBaoming()" οnmοuseοver="document.getElementById('action').value='save'" id="baomingForm">
            <div>学生姓名：<input type="text" name="childName" id="childName" class="w200" /><span>*</span></div>
			<div>所在年级：<select name="year" id="year" class="w200">
				<option value="0">请选择孩子现在所在的年级</option>
				<option value="1">一年级</option>
				<option value="2">二年级</option>
				<option value="6" selected="selected">三年级</option>			
				</select></div>
					<div>所在小学：<input type="text" name="school" id="xuexiao" class="w200" /></div>
					<div>联系方式：<input type="text" name="mobile" id="mobile" class="w200" /><span>*</span></div>
					<div>报名杯赛：<br />
                               		 <div class="baoming_bm_table">
                                            <div>
                                                 <input type="checkbox" name="kecheng[]" class="w201" checked="checked" value="数学" id="hua" /> <label for="hua">数学</label> 
                                                 <input type="checkbox" name="kecheng[]" class="w201"  value="语文" id="ying"/> <label for="ying">语文</label> 
                                                 <input type="checkbox" name="kecheng[]" class="w201" value="英语" id="xi" /> <label for="xi">英语</label> 
                                            </div>
                                    </div>
								</div>
							
                            
                            <div id="shuoming"><label>其他说明:</label><textarea name="msg" cols="35" rows="8"></textarea></div>			
							<div id="btnBm"><input type="submit" name="Submit" class="btnSub" value=""   /></div>
							<input type="hidden" value="" name="fromURL" id="fromURL" />
							<input type="hidden" value="" name="currentPage" id="currentPage" />
							<input type='hidden' name='action' id="action" value='' />
						</form>