启用禁用文本框时出错

时间:2015-06-21 09:03:52

标签: javascript jquery html

我已经编写了一个简单的jquery来点击按钮启用textboxes但是当我点击时,文本框启用一秒钟然后再次进入禁用状态

代码是:

<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Profile Page</title>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//malsup.github.com/jquery.form.js"></script>
  <script>
         $(function(){
             $("#edit").click(function () {
               $('*').prop('disabled',false);
                 }); 
            });
  </script>  
</head>
<body>
<center><h1>User Profile</h1></center><br><br>

<form action="" method="post">
<table>
 <tr>  
     <td>  User ID </td>  <td> <input type="text" name="uid" disabled> 
 </td>
 </tr>
 <tr>  
 <td>First Name </td>  <td><input type="text" name="fname" disabled> </td>
 </tr>
 <tr>  
 <td>  Last Name </td>  <td><input type="text" name="lname" disabled> </td>
 </tr>
 <tr>  
     <td>  Email </td>  <td><input type="text" name="email" disabled> </td>
 </tr>
 <tr>  
 <td>  Country </td>  <td><input type="text" name="country" disabled> </td>
 </tr>
 <tr>
     <td>  <input type="Submit" value="Edit" id="edit">  </td> 
     <td>  <input type="Submit" value="Update" onclick="update()">  </td> 
</tr>
</table>
</form>

</body>
</html>

我还在库中添加了json jar

2 个答案:

答案 0 :(得分:1)

您的点击处理程序不会取消按钮的默认行为,即提交表单。表单的操作是空白的,因此提交基本上会重新加载页面。

您可以更改按钮,使其不是提交按钮(因此没有默认行为):

<input type="button" value="Edit" id="edit"> 

或者您可以更改JS以取消默认行为:

 $("#edit").click(function (e) {
   e.preventDefault(); // <-- add this, and add the 'e' argument to the function
   $('*').prop('disabled',false);
 }); 

答案 1 :(得分:0)

这是因为你正在使用<input type='submit'...

请使用<input type='button'....您将能够启用所有输入框。

使用type=submit提交表单并再次重新加载页面,以便再次应用输入框的属性“已禁用”。

希望这有帮助!