87,989
社区成员
发帖
与我相关
我的任务
分享<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<script type="text/javascript" src="../js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="../js/jquery.validate.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$("#id").blur(function(){
var val = this.value,
tip = $("#id1");
if(!val){
tip.text('');
}else if(/^\d*$/.test(val)){
tip.text("输入正确");
}else{
tip.text("ID只能为数字");
}
});
});
</script>
<table cellpadding="0" cellspacing="0" border="0" class="form_table">
<tr>
<td align="right" valign="middle">ID:</td>
<td align="left" valign="middle">
<input type="text" name="id" id="id" />
<span id="id1"></span>
</td>
</tr>
<tr>
<td align="right" valign="middle">姓名:</td>
<td align="left" valign="middle">
<input type="text" name="ename" id="ename" />
<span id="ename" style="color:red"></span>
</td>
</tr>
</table>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>add Emp</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
function id1(){
var id = document.getElementById("id").value;
if(id==""){
alert("ID不能为空");
}
}
function ename(){
var ename = document.getElementById("ename").value;
if(ename==""){
alert("用户名不能为空");
}
}
</script>
</head>
<body>
<div id="wrap">
<div id="top_content">
<%@include file="header.jsp" %>
<div id="content">
<p id="whereami">
</p>
<h1>
添加雇员信息:
</h1>
<form action="add.do" method="post" id="f">
<table cellpadding="0" cellspacing="0" border="0" class="form_table">
<tr>
<td align="right" valign="middle">
ID:
</td>
<td align="left" valign="middle">
<input type="text" id="id" name="id" onblur="id1()">
</td>
</tr>
<tr>
<td align="right" valign="middle">
姓名:
</td>
<td align="left" valign="middle">
<input type="text" id="ename" name="ename" onblur="ename()">
</td>
</tr>
</table>
<!-- <p>-->
<!-- <input type="submit" class="button" value="确认" /> -->
<!-- <input type="button" class="button" value="取消" onclick="location='list.do'"/>-->
<!-- </p>-->
</form>
</div>
</div>
<%@include file="foot.jsp" %>
</div>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>add Emp</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
function id1(){
var id = document.getElementById("id").value;
if(id==""){
alert("ID不能为空");
}
}
function ename(){
var ename = document.getElementById("ename").value;
if(ename==""){
alert("用户名不能为空");
}
}
</script>
</head>
<body>
<div id="wrap">
<div id="top_content">
<%@include file="header.jsp" %>
<div id="content">
<p id="whereami">
</p>
<h1>
添加雇员信息:
</h1>
<-- <form action="add.do" method="post" id="f"> -->
<table cellpadding="0" cellspacing="0" border="0" class="form_table">
<tr>
<td align="right" valign="middle">
ID:
</td>
<td align="left" valign="middle">
<input type="text" id="id" name="id" onblur="id1()">
</td>
</tr>
<tr>
<td align="right" valign="middle">
姓名:
</td>
<td align="left" valign="middle">
<input type="text" id="ename" name="ename" onblur="ename()">
</td>
</tr>
</table>
<!-- <p>-->
<!-- <input type="submit" class="button" value="确认" /> -->
<!-- <input type="button" class="button" value="取消" onclick="location='list.do'"/>-->
<!-- </p>-->
<-- </form> -->
</div>
</div>
<%@include file="foot.jsp" %>
</div>
</body>
</html>
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
// //var Flag={"email":false,"imagecode":false};
// $(function () {
// $("#id").blur(function () {
// if (!$(this).val() || !$(this).val().match(/([d])$/)) {
// //alert(1);
// $("#id1").html("中文");
// } else {
// alert(2);
//// $("#id1").html("asdfa111");
// }
// });
// });
$(function () {
$("#id").blur(function () {
if (!$(this).val() || !$(this).val().match(/([d])$/)) {
$("#id1").html("ID只能为数字");
} else {
$("#id1").html("输入正确");
}
});
});
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0" class="form_table">
<tr>
<td align="right" valign="middle">
ID:
</td>
<td align="left" valign="middle">
<input type="text" name="id" id="id" />
<span id="id1"></span>
</td>
</tr>
<tr>
<td align="right" valign="middle">
姓名:
</td>
<td align="left" valign="middle">
<input type="text" name="ename" id="ename" />
<span id="ename" style="color: red"></span>
</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function checkNumber(e) {
var key = window.event ? e.keyCode : e.which;
var keychar = String.fromCharCode(key);
var el = document.getElementById('test');
var msg = document.getElementById('msg'); reg = /\d/;
var result = reg.test(keychar);
if (!result) {
el.className = "warn";
msg.innerHTML = "只能输入数字";
return false;
}
else {
el.className = "";
msg.innerHTML = "";
return true;
}
}
</script>
</head>
<body>
<div id="test"> 请输入数字:<input type="text" onkeypress="return checkNumber(event);" /> <span id="msg"></span></div>
</body>
</html>