2015-06-21 102 views
-3

我写了一个简单的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罐子在图书馆

+0

确定了你的观点..thnks很多人 –

+0

你应该防止默认行为发生 – Liquidpie

回答

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

thnks人..现在 –

0

这是监守你使用<input type='submit'...

请使用<input type='button'....,你将能够使所有的输入框。

随着type=submit形式被提交和页面重新装入,因此输入框的属性“已禁用”再次应用。

希望这会有所帮助!

+0

工作thnks很多人 –

+0

'请使用