reset textbox password using javascript

Question

I have this textbox with the button and submitting the data using ajax

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

the showload(); indicates the loading of the page, it shows the pure white background with 50% opacity on it and a loading .gif in the center.

now how can I reset the password textbox in the 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

document.getElemenetById('password').value="" **Live Native** — Redhya, Nov 10 '16 at 05:21

score 4 · Answer 1 · answered Nov 10 '16 at 04:56

4

you can clear the input value by setting it to an empty string

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

answered Nov 10 '16 at 04:56

skav

1,400
10
16

score 3 · Answer 2 · answered Nov 10 '16 at 04:56

3

Get element by id and reset the value.

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

If you want to reset entire form then simply trigger reset event. This will only work if the elements are inside a form.

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

answered Nov 10 '16 at 04:56

Pranav C Balan

113,687
23
165
188

score 2 · Accepted Answer · answered Nov 10 '16 at 04:56

After succesfull ajax execution $("#password").val(""); reset password

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

    });
});

score 1 · Answer 4 · edited Nov 10 '16 at 05:18

1

Changing value of an input using jQuery

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

Resetting = setting value to ' '

edited Nov 10 '16 at 05:18

Luka Kerr

4,161
7
39
50

answered Nov 10 '16 at 04:56

santosh

118
6

score 1 · Answer 5 · answered Nov 10 '16 at 04:57

You can do with the same click event,

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

   });
});

score 1 · Answer 6 · answered Nov 10 '16 at 04:58

Use Following in Success Function: In Jaavascript: Use

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

In Jquery :

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

See Full Code :

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

    });
});

score 0 · Answer 7 · answered Nov 10 '16 at 05:01

0

Simple. After you do all of your processing, enter:

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

If you are using jQuery.

answered Nov 10 '16 at 05:01

Adam Mikacich

137
1
1
13

score 0 · Answer 8 · answered Nov 10 '16 at 05:01

Almost possible ways :D

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

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


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

score 0 · Answer 9 · answered Nov 10 '16 at 05:15

0

using jquery

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

using javascript

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

answered Nov 10 '16 at 05:15

Sreepathy Sp

408
2
6
21

reset textbox password using javascript

9 Answers9