Question

我有一个带有按钮的文本框，并使用ajax

提交数据

<input type="password" id="password" />
<button id="addaccount" onclick="showload();">Add</button>

showload（）;表示页面的加载，它显示纯白色背景，50％不透明度，中心加载.gif。

现在如何重置javascript中的密码文本框？

$(document).ready(function(){
    $("#addaccount").click(function(){
        var password = $("#password").val();
            $.ajax({
                method: "POST",
                url: "auth_adduser.php",
                data: {
                    password:password
                    },
                success: function(data){
                    $("#successresult").html(data);
                }
            });

    });
});

提前致谢

Answer 1

您可以通过将输入值设置为空字符串来清除输入值

$("#password").val("")

Answer 2

按ID获取元素并重置值。

$('#password').val('');

如果要重置整个表单，则只需触发重置事件。这仅在元素位于表单内时才有效。

$('#password').closest('form').trigger('reset');

Answer 3

成功完成ajax执行$("#password").val("");重置密码

$(document).ready(function(){
    $("#addaccount").click(function(){
        var password = $("#password").val();
            $.ajax({
                method: "POST",
                url: "auth_adduser.php",
                data: {
                    password:password
                    },
                success: function(data){
                    $("#successresult").html(data);
                  $("#password").val("");
                }
            });

    });
});

Answer 4

使用jQuery更改输入值

$("#password").val('');

将=设置值重置为''

Answer 5

您可以使用相同的点击事件

$(document).ready(function(){
  $("#addaccount").click(function(){
    var password = $("#password").val();
        $.ajax({
            method: "POST",
            url: "auth_adduser.php",
            data: {
                password:password
                },
            success: function(data){
                $("#successresult").html(data);
                $("#password").val(''); //reset password field.
            }
        });

   });
});

Answer 6

在成功功能中使用以下内容：在Jaavascript中：使用

document.getElementById("password").reset();

在Jquery中：

$("#password")[0].reset();

参见完整代码：

$(document).ready(function(){
    $("#addaccount").click(function(){
        var password = $("#password").val();
            $.ajax({
                method: "POST",
                url: "auth_adduser.php",
                data: {
                    password:password
                    },
                success: function(data){
                    $("#successresult").html(data);
                    $("#password")[0].reset();
                }
            });

    });
});

Answer 7

简单。完成所有处理后，输入：

$("#password").val("")

如果您使用的是jQuery。

Answer 8

几乎可能的方式：D

$("#password").val("");
$("#password").attr("value", "");

$("#password")[0].value = "";
$("#password")[0].setAttribute("value", "");


document.getElementById("password").value = "";
document.getElementById("password").setAttribute("value","");

Answer 9

使用jquery

$('#password')
.val('')
.attr('value', '');

使用javascript

document.getElementById("password").value = "";
document.getElementById("password").setAttribute("value","");

使用javascript重置文本框密码

9 个答案: