reset input type text using javascript?

Question

i have small function that running on condintion, if text box value is not equal to "jitender"then alert will come up, but i also want reset the text box value if text box value is not equal to "jitender".

$(function(){
    $('button').click(function(){
        var name= $('#name').val();
        if(name!='jitender'){
            alert("not valid name")

            }

        });

    });


<input type="text"  id="name"/>

<button>click me</button>

shershen · Accepted Answer · 2012-03-22 06:51:23Z

1

you can simply add

  if(name!='jitender'){
            alert("not valid name");
            $('#name').val(''); //here comes clearing input
            }

answered Mar 22, 2012 at 6:51

shershen

10k11 gold badges44 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

tusar · Accepted Answer · 2012-03-22 06:51:20Z

1

$(function(){
    $('button').click(function(){
        var name= $('#name').val();
        if(name!='jitender'){
            alert("not valid name")
                $('#name').val(""); // this will reset the value
            }

        });

    });


<input type="text"  id="name"/>

<button>click me</button>

answered Mar 22, 2012 at 6:51

tusar

3,4306 gold badges41 silver badges62 bronze badges

2 Comments

cHao Over a year ago

That will blank out the box. Seems to me "reset" means "set back to what it was when the form was loaded". May be the same thing in this case...may not.

tusar Over a year ago

The code do not modify the text-box. so "reset" means "make it empty" I guessed :)

Austin Brunkhorst · Accepted Answer · 2012-03-22 06:52:26Z

1

Try this.

$('button').click(function(){
        var name = $("#name");
        if(name.val() != 'jitender'){
            alert("not valid name");
            name.val('');
        }
    });
});

answered Mar 22, 2012 at 6:52

Austin Brunkhorst

21.1k6 gold badges49 silver badges61 bronze badges

Comments

adedoy · Accepted Answer · 2012-03-22 07:03:06Z

1

$(function(){
    $('button').click(function(){
        if($('#name').val() !='jitender'){
                alert("not valid name")
                $('#name').val(""); // resets value
            }

        });

    });

<input type="text"  id="name"/>
<button>click me</button>

heres the link so you can test: Test the script

answered Mar 22, 2012 at 7:03

adedoy

2,2731 gold badge20 silver badges28 bronze badges

Comments

nsearle · Accepted Answer · 2012-03-22 06:51:48Z

0

You can simply call this after your alert - $('#name').val('newValue');

See here - http://api.jquery.com/val/

answered Mar 22, 2012 at 6:51

nsearle

1652 gold badges3 silver badges11 bronze badges

Collectives™ on Stack Overflow

reset input type text using javascript?

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related