奇怪了Juqery印证失效
日期：2014-05-17 浏览次数：20912 次
奇怪了Juqery验证失效
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'validate.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
</head>
<script type="text/javascript">
//Jquery代码
$(document).ready(function(){
//拿到form调用验证方法
$("empForm").validate({
rules:{
name: "required"
},
messages:{
name: "姓名不能为空"
}
});
});
</script>
<body>
<form action="" name="empForm" id="empForm" method="post">
Name:<input name="name" id="name"/><br/>
Password:<input type="password" name="password" id="password"/>
<input type="submit" value="User" name="submit" id="submit"/>
</form>
</body>
</html>
------解决方案--------------------
jQuery 导入路径对不
------解决方案--------------------
$("empForm") 改成 $("#empForm") 或者$("form[name='empForm']")
------解决方案--------------------
+1
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'validate.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
</head>
<script type="text/javascript">
//Jquery代码
$(document).ready(function(){
//拿到form调用验证方法
$("empForm").validate({
rules:{
name: "required"
},
messages:{
name: "姓名不能为空"
}
});
});
</script>
<body>
<form action="" name="empForm" id="empForm" method="post">
Name:<input name="name" id="name"/><br/>
Password:<input type="password" name="password" id="password"/>
<input type="submit" value="User" name="submit" id="submit"/>
</form>
</body>
</html>
jquery?验证框架?jsp
------解决方案--------------------
jQuery 导入路径对不
------解决方案--------------------
$("empForm") 改成 $("#empForm") 或者$("form[name='empForm']")
------解决方案--------------------
+1
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
