我的验证怎么没反应?求解。<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">
//var Flag={"email":false,"imagecode":false};
$(function(){
$("#id").blur(function(){
if(!$(this).val||!$(this).val.match(/([d])$/))
{
$("#id1").html("ID只能为数字");
}else{
$("#id1").html("输入正确");
}
});
});
</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>
<script type="text/javascript" src="../js/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])$/))
{
$("#id1").html("ID只能为数字");
}else{
$("#id1").html("输入正确");
}
});
});
</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>
$("#id").blur(function(){
if(!$(this).val||!$(this).val.match(/([d])$/))
{
$("#id1").html("ID只能为数字");
}else{
$("#id1").html("输入正确");
}
});
</script>
id.blur=function(){};
function checkID(){
var ID = doucment.getElementById("id").value;
var str = /^\d+$/.test(ID);
if(!str){
alert("只能输入数字");
return false;
}else{
alert("输入正确");
return true;
}
}
<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>
<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>经过验证这个jquery1.4.2下是没有问题的,
不过val是一个函数必须要写成val()
还有你的正则表达式是不对的,这种只能输入数字的地方不要再过后验证了。一般使用是keydown事件里直接不让用户输入。 楼主请确保你的引用的JQUERY路径是正确的
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>
<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>
1.val是一个函数,不是一个属性,调用的话应该是val();
2.正则写得乱七八糟的,LZ基本不会正则吧?
3.逻辑混乱
<%@ 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>17楼的代码<form></form>标签注掉了,可以验证,18楼的代码是<form></form>标签没有注掉,验证就出错了,懂?
借用你的话,懂?