启用禁用文本框存在错误

debugcn 发表于 Dev

阿莫尔·辛格

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

nnnnnn

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

您可以更改按钮，使其不是提交按钮（因此没有默认行为）：

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。