当前位置: 代码迷 >> Java Web开发 >> jQuery验证输入框没有反应,该怎么解决
  详细解决方案

jQuery验证输入框没有反应,该怎么解决

热度:7107   发布时间:2016-04-10 22:40:53.0
jQuery验证输入框没有反应
登录页面,用jquery-1.7.1,验证登录名和密码,没有任何反应,直接提交了,求解释,下面是代码:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
  <head>
    <title>欢迎登陆</title>
    <%@ include file="/WEB-INF/jsp/public/public.jspf" %>
    <link rel="stylesheet" type="text/css" href="style/css/login.css" />
    <script type="text/javascript">
     $(function(){
     $("btn").click(function(){
     if($("#user_no").val() == ""){
     alert("登录名不能为空");
     }else{
     if($("#user_password").val() == ""){
     alert("密码不能为空");
     }else{
     $("form:first").submit();
     }
     }
     });
     });
    </script>
  </head>
  
  <body class="body">
  <s:form action="user_login.action">
    <div class="div" align="center">
    
     <input type="text" class="input_text" id="user_no" name="userNo" value="" size=32/><br/><br/>
     <input type="password" class="input_text"  id="user_password" name="userPassword" value="" size=33/>
    
    </div>
    <div class="div2" align="center">
     <input type="image" id="btn" class="input_image" src="style/images/sign_in.gif" />
     <font color="red"><s:fielderror/></font>
    </div>

    </s:form>
  </body>
</html>

这里为什么能自动提交呢,难道<input type="image" 有默认点击事件吗
------解决方案--------------------
你有没有引用jQuery
------解决方案--------------------
<script type="text/javascript" language="javascript" src="js/jquery-1.7.2.min.js"></script> 
------解决方案--------------------
1.$("#user_no").val() == ""  改成:
   $("#user_no").val(“”),同理下面的也改一下

2.没见你引入jquery,检查一下。
------解决方案--------------------
#号加上后用firebug一步一步调试看看怎么回事
------解决方案--------------------
1  确定有没引入jquery文件
2  $("btn").改成$("#btn").

如果还没用,试试把$("")改成Jquery()
------解决方案--------------------
这个调试吧。。
  相关解决方案