Question

我已经编写了一个简单的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

Answer 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);
 });

Answer 2

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

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

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

希望这有帮助！

启用禁用文本框时出错

2 个答案: