How to clear the text of asp:TextBox when user again open the pop up window?

Question

I follow How to clear a textbox using javascript but my scenario is little change. I have a login button and when user click on login a pop-up window is open. He fill the textbox and for some reason he go back to main page. When he again come to login popup window he previous value is not cleared. May be this is because the page is not loaded. And I do not want to load page again. I want to use JQuery/JavaScript to remove the entered text. I has idea that I write code inside Close button but I don't know how to clear the textboxes. Please help.

Here is the code, scenario is that I used popup for login and sign up. In login popup there is link "Don't have login Id" when user click on it the sign up pop up with form is open.

<a href="#" id="signUp" onclick="function_deletePreviousData">Don't have Login Id</a>

And the JavaScript method is

<script type="text/javascript">
        function function_deletePreviousData(){
            document.getElementById("signUp").value = "";
        }
    </script>

But nothing happened. I think this is because I don't give element id, I just give id of element which I used to land on sign up pop up form. Any idea for clear all form without accessing all elements and give it null value.

Without seeing your current code I doubt we could be helpful... — RunningFromShia, Feb 14 '16 at 19:33
if you mentioned your code it will be easy to find solution for the problem... — , Feb 15 '16 at 05:11
RunningFromShia and Enoch I add code please review and give some idea. Advance thanks — Salman Mushtaq, Feb 15 '16 at 07:14

Ramya Suhana Udaya Shankar · Answer 1 · 2016-02-15T05:12:19.133

2

Instead of including code in close button click event, we should write code in login button click.This is one of my suggestion.

Try this once:

Javascript:

<script type="text/javascript">
 function LoginButtonClick() {
    document.getElementById`("TextBox_Id").value = "";
 }
</script>

JQuery:

jQuery("#LoginButton_Id").Click( function()
{ 
  $('#TextBox_Id').val(""); 
} );

edited Feb 15 '16 at 05:12

answered Feb 15 '16 at 05:02

Ramya Suhana Udaya Shankar

61
6

Dear, I write same as you said. But nothing happened. and the line which calls the function is : Don't have Login Id – Salman Mushtaq Feb 15 '16 at 07:09
In this statement document.getElementById("**signUp**").value = "";,please mention your textbox id not your anchor tag id. – Ramya Suhana Udaya Shankar Feb 15 '16 at 07:24
yup its working, now I have 20 textboxes and with this way I write 20 statements in JavaScript function. Is there any way or method in JavaScript/JQuery to clear all data of form. – Salman Mushtaq Feb 15 '16 at 07:27

score 2 · Accepted Answer · answered Feb 15 '16 at 07:35

2

Finally I find the method in JQuery to reset all fields. Just Trigger reset.

$('#form').trigger("reset");

Thanks all for help.

answered Feb 15 '16 at 07:35

Salman Mushtaq

341
4
23

How to clear the text of asp:TextBox when user again open the pop up window?

2 Answers2