我已经编写了一个简单的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
答案 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
提交表单并再次重新加载页面,以便再次应用输入框的属性“已禁用”。
希望这有帮助!