<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link type="text/css" href="css/tb.css" rel="stylesheet">
<script type="text/javascript">
function validate(){
var staffNo = document.getElementById('staffNo');
var name = document.getElementById('staffName');
var sex = document.getElementsByName('Sex');
var pos = document.getElementById('pos');
var password = document.getElementById('password');
var desc = document.getElementById('desc');
if(staffNo.value == ""){
alert("工号不能为空!");
staffNo.focus();
return false;
}
if(name.value == ""){
alert("员工姓名不能为空!");
name.focus();
return false;
}
if(sex[0].checked)
{
console.log("您选择了:男");
}
else
{
console.log("您选择了:女");
}
var index = pos.selectedIndex;
var posValue = pos.options[index].value;
if(posValue == ""){
alert("请选择职位!");
pos.focus();
return false;
}
if(password.value == ""){
alert("请输入密码!");
password.focus();
return false;
}
if(desc.value.trim() == ""){
alert("请填写个人简介!");
desc.focus();
return false;
}
return true;
}
function trim(str) {
return str.replace(/(^\s*)|(\s*$)/g, "");
}
String.prototype.trim1 = function(text){
alert(text);
}
</script>
</head>
<body>
<form action="" method="get">
<table border="1" width="100%" cellpadding="5px" bordercolor="#ccc" class="table" align="center">
<tr class="tr">
<td colspan="3">
员工信息
</td>
</tr>
<tr>
<td width="20%">
工号:
</td>
<td width="50%" align="left">
<input class="input" id="staffNo" name="staffNo">
</td>
<td width="30%" rowspan="5">
<img width="100%" id="pics" height="240px" src="images/123.jpg">
</td>
</tr>
<tr >
<td>
姓名:
</td>
<td align="left">
<input class="input" id="staffName" name="staffName">
</td>
</tr>
<tr>
<td>性别:</td>
<td align="left">
<input type="radio" name="Sex" checked value="Man">男
<input type="radio" name="Sex" value="Woman">女
</td>
</tr>
<tr >
<td>照片:</td>
<td align="left">
<input type="file" id="staffpics" name="staffPic ">
</td>
</tr>
<tr >
<td>职位:</td>
<td align="left">
<select id="pos" name="pos">
<option value="">请选择职位</option>
<option value="1001">医生</option>
<option value="1002">护士</option>
</select>
</td>
</tr>
<tr >
<td>密码:</td>
<td align="left" colspan="2">
<input type="password" class="input" id="password" name="password">
</td>
</tr>
<tr >
<td>简介:</td>
<td align="left" colspan="2">
<textarea id="desc" cols="60" rows="6"></textarea>
</td>
</tr>
<tr >
<td colspan="3">
<input type="submit" value="提交" onclick="return validate()">
<input type="reset" value="清除">
</td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link type="text/css" href="css/tb.css" rel="stylesheet">
<script type="text/javascript">
function validate(){
var staffNo = document.getElementById('staffNo');
var name = document.getElementById('staffName');
var sex = document.getElementsByName('Sex');
var pos = document.getElementById('pos');
var password = document.getElementById('password');
var desc = document.getElementById('desc');
if(staffNo.value == ""){
alert("工号不能为空!");
staffNo.focus();
return false;
}
if(name.value == ""){
alert("员工姓名不能为空!");
name.focus();
return false;
}
if(sex[0].checked)
{
console.log("您选择了:男");
}
else
{
console.log("您选择了:女");
}
var index = pos.selectedIndex;
var posValue = pos.options[index].value;
if(posValue == ""){
alert("请选择职位!");
pos.focus();
return false;
}
if(password.value == ""){
alert("请输入密码!");
password.focus();
return false;
}
if(desc.value.trim() == ""){
alert("请填写个人简介!");
desc.focus();
return false;
}
return true;
}
function trim(str) {
return str.replace(/(^\s*)|(\s*$)/g, "");
}
String.prototype.trim1 = function(text){
alert(text);
}
</script>
</head>
<body>
<form action="" method="get">
<table border="1" width="100%" cellpadding="5px" bordercolor="#ccc" class="table" align="center">
<tr class="tr">
<td colspan="3">
员工信息
</td>
</tr>
<tr>
<td width="20%">
工号:
</td>
<td width="50%" align="left">
<input class="input" id="staffNo" name="staffNo">
</td>
<td width="30%" rowspan="5">
<img width="100%" id="pics" height="240px" src="images/123.jpg">
</td>
</tr>
<tr >
<td>
姓名:
</td>
<td align="left">
<input class="input" id="staffName" name="staffName">
</td>
</tr>
<tr>
<td>性别:</td>
<td align="left">
<input type="radio" name="Sex" checked value="Man">男
<input type="radio" name="Sex" value="Woman">女
</td>
</tr>
<tr >
<td>照片:</td>
<td align="left">
<input type="file" id="staffpics" name="staffPic ">
</td>
</tr>
<tr >
<td>职位:</td>
<td align="left">
<select id="pos" name="pos">
<option value="">请选择职位</option>
<option value="1001">医生</option>
<option value="1002">护士</option>
</select>
</td>
</tr>
<tr >
<td>密码:</td>
<td align="left" colspan="2">
<input type="password" class="input" id="password" name="password">
</td>
</tr>
<tr >
<td>简介:</td>
<td align="left" colspan="2">
<textarea id="desc" cols="60" rows="6"></textarea>
</td>
</tr>
<tr >
<td colspan="3">
<input type="submit" value="提交" onclick="return validate()">
<input type="reset" value="清除">
</td>
</tr>
</table>
</form>
</body>
</html>