1. 程式人生 > >Java Web開發實戰經典 實戰練習2.5

Java Web開發實戰經典 實戰練習2.5

該題主要考察html、javascript語法和正則表示式。

<html>
<head>
	<title>www.mldnjava.cn, MLDN 高階Java培訓</title>
	<script language="JavaScript">
		<!--驗證是否為整數-->
		function validateNum(value){
			if(!/^\d*$/.test(value)){
				return false;
			}else{
				return true;
			}
		}
		<!--驗證是否為空-->
		function validateNull(value){
			if(value == ""){
				return false;
			}else{
				return true;
			}
		}
		
		<!--驗證日期格式-->
		function validateDate(value){
			if(!/^(\d{4})-(0\d{1}|1[0-2])-(0\[1-9]|[1-2]\d{1}|3[0-1])$/.test(value)){
				return false;
			}else{
				return true;
			}
		}
		
		<!--驗證小數-->
		function validateFloat(value){
			if(!/^(\d*\.\d*)$/.test(value)){
				return false;
			}else{
				return true;
			}
		}
		
		function validate(form){
			var value = form.userid.value;
			if(!validateNum(value)){
				alert("編號格式不正確");
				return false;
			}
			
			value = form.username.value;
			if(!validateNull(value)){
				alert("姓名不能為空");
				return false;
			}
			
			value = form.job.value;
			if(!validateNull(value)){
				alert("工作不能為空");
				return false;
			}
			
			value = form.date.value;
			if(!validateDate(value)){
				alert("日期格式不正確");
				return false;
			}
			
			value = form.wage.value;
			if(!validateFloat(value)){
				alert("工資格式不正確");
				return false;
			}
			
			value = form.bonus.value;
			if(!validateFloat(value)){
				alert("獎金格式不正確");
				return false;
			}
			
			alert("註冊成功");
			return true;
		}
	</script>
</head>
<body>
<h1>僱員註冊</h1>
<form action="" name="myform" method="post" onSubmit="return validate(this)">
	編  號:<input type="text" name="userid" value="54" ><br>
	姓  名:<input type="text" name="username" value="1"><br>
	工  作:<input type="text" name="job" value="1"><br>
	僱傭日期:<input type="text" name="date" value="1991-03-16"><br>
	基本工資:<input type="text" name="wage" value="請輸入工資"><br>
	獎  金:<input type="text" name="bonus" value="請輸入獎金"><br>
	<input type="submit" value="註冊">
</body>
</html>