JQuery方面技术

jquery-1.4.2.min.js ：是没有经过换行排版的，我们不能方便的进行阅读；

而jquery-1.4.2.js：是经过换行排版的，可以方便的进行阅读； 内容上没有区别

 

具体实例：

 

		<script src='js/jquery-1.4.2.js'></script>
		<script type="text/javascript">
			//验证表单	
			function check(){
				if($("#id").val() == ""){ //验证是否为空
					alert("学生编号不允许为空！");
					$("#id").focus();
					return false;
				}
				if(isNaN($("#id").val())){ //验证是否为整形
					alert("学生编号必须为整形！");
					$("#id").focus();
					return false;
				}
				if($("#name").val() == ""){ 
					alert("学生姓名不允许为空！");
					$("#name").focus();
					return false;
				}
				if($("#sex").val()=="-1"){ //验证下拉选框
					alert("性别必须选择！");
					return false;
				}
				if($("#email").val() != ""){ //验证Email
					reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;  
					if(!reg.test($("#email").val())){
						alert("Email格式不正确！");
						return false;
					}
				}
				if($("#phone").val() != ""){ //验证电话号码
					reg = /^([0-9])+$/;
					if(!reg.test($("#phone").val())){
						alert("电话号码格式不正确！");
						return false;
					}
				}
				if($("#clazzId").val() == "0"){
					alert("必须选择班级！");
					return false;
				}
				alert("进行提交");
				return false;
			}
			//加载事件触发
			$(document).ready(function(){
				$("<option value='-1'>保密</option>").appendTo("#sex"); //像select标签中添加选项
				$("#sex").val("-1"); //设定select的默认值
			});
		</script>

 

		<div class="title">
			学生信息添加
		</div>
		<!--增加数据表-->
		<form action="runstudentaddaction.action" name="form1" method="post">
			<table class="formTable" align="center">
				<tr>
					<td class="label">
						编&nbsp;号：
					</td>
					<td>
						<input type="text" name="id" class="text" id="id" />
					</td>
				</tr>
				<tr>
					<td class="label">
						姓&nbsp;名：
					</td>
					<td>
						<input type="text" name="name" class="text" id="name" />
					</td>
				</tr>
				<tr>
					<td class="label">
						性&nbsp;别：
					</td>
					<td>
						<s:select name="sex" id="sex" list="#{'1':'男', '0':'女'}"
							theme="simple" cssClass="select">
						</s:select>
					</td>
				</tr>
				<tr>
					<td class="label">
						Email：
					</td>
					<td>
						<input type="text" name="email" class="text" id="email" />
					</td>
				</tr>
				<tr>
					<td class="label">
						Phone：
					</td>
					<td>
						<input type="text" name="phone" class="text" id="phone" />
					</td>
				</tr>
				<tr>
					<td class="label">
						所在班级: 
					</td>
					<td>
						<s:select name="clazzId" list="clazzList" listKey="id"
							listValue="name" headerKey="0" headerValue="---所有---"
							cssClass=
							"select" theme="simple">
						</s:select>
					</td>
				</tr>
				<tr>
					<td>
						&nbsp;
					</td>
					<td>
						<input type="button" οnclick="check()" value="提交" class="button" />
						&nbsp;&nbsp;
						<input type="reset" value="重置" class="button" />
						&nbsp;&nbsp;
					</td>
				</tr>
			</table>
		</form>