使用javascript重置文本框密码

reset textbox password using javascript

本文关键字：密码置文本 javascript 使用更新时间：2023-09-26

我有这个带有按钮的文本框，并使用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);
                }
            });
    });
});

thanks in advance

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

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

根据id获取元素并重置值

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

如果你想重置整个表单，那么只需触发重置事件。

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

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

您可以使用相同的单击事件，

$(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.
            }
        });
   });
});

在Success中使用下列函数:在javascript中:使用

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

使用jQuery更改输入值

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

重置=设置值为' '

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

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

如果你正在使用jQuery

几乎可能的方法:D

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

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

使用jquery

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

使用javascript

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