JSP页面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
<script type="text/javascript" src="js/add.js"></script>
</head>
<body>
<form action="add" method="post">
用户名:<input type="text" name="uname" id="uname">
<span id="tsuname" style="color: red;font-size: 10px;"></span><br>
密码:<input type="text" name="upsw" id="upsw">
<span id="tsupsw" style="color: red;font-size: 10px;"></span><br>
确认密码:<input type="text" name="upsw" id="upsw1">
<span id="tsupsw1" style="color: red;font-size: 10px;"></span><br>
电话:<input type="text" name="Telephone" id="Telephone">
<span id="tsTelephone" style="color: red;font-size: 10px;"></span><br>
用户姓名:<input type="text" name="Username" id="Username">
<span id="tsUsername" style="color: red;font-size: 10px;"></span><br>
<button type="submit">立即注册</button>
</form>
</body>
</html>
JS页面
$().ready(function(){
$('#uname').bind('focusout',function(){
if($("#uname").val()==''){
$("#tsuname").text("用户名不能为空");
}else{
$("#tsuname").text("");
}
})
$('#upsw').bind('focusout',function(){
if($("#upsw").val()==''){
$("#tsupsw").text("密码不能为空");
}else{
$("#tsupsw").text("");
}
})
$('#upsw1').bind('focusout',function(){
if($("#upsw1").val()==''){
$("#tsupsw1").text("确认密码不能为空");
}else{
$("#tsupsw1").text("");
}
})
$('#Telephone').bind('focusout',function(){
if($("#Telephone").val()==''){
$("#tsTelephone").text("电话不能为空");
}else{
$("#tsTelephone").text("");
}
})
$('#Username').bind('focusout',function(){
if($("#Username").val()==''){
$("#tsUsername").text("用户姓名不能为空");
}else{
$("#tsUsername").text("");
}
})
})