您的位置：首页 > Web前端 > JavaScript

使用javascript验证表单

2015-02-09 14:00 197 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Father.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script language="JavaScript">
function fun(){
var num = document.myform.num.value
if(isNaN(num)){
alert("编号只能输入数字");
}
var name=document.myform.name.value
if(name.length==0){
alert("姓名不能为空");
}
if(document.myform.job.value.length==0){
alert("工作不能为空");
}
var z=/^(\d{4})-(\d{2})-(\d{2})$/
var str = document.myform.data.value;
if(!z.test(str)){
alert("日期格式不正确");
}
var re = /^[0-9]+.?[0-9]*$/;
if (!re.test(document.myform.off.value))
{
alert("工资请输入数字");
document.myform.off.focus();
return false;
}
var re1 = /^[0-9]+.?[0-9]*$/;
if (!re1.test(document.myform.mon.value))
{
alert("奖金请输入数字");
document.myform.mon.focus();
return false;
}

}
</script>
</head>

<body>
<form name="myform">
雇员编号:
<input type="text" name="num" />
<br/>
雇员姓名：
<input type="text" name="name" /><br/>
雇员工作：
<input type="text" name="job" /><br/>
雇员日期：
<input type="text" name="data" /><br/>
基本工资：
<input type="text" name="off" /><br/>
奖金:
<input type="text" name="mon" /><br/>
<input type="button" value="确定" onClick="fun()" /><br/>
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航