validate .net page using javascript

Question

I am using the below code to validate the asp.net page while the button click.i want to check the text box is empty or not. If its empty means it doesn't go to the server side click event. If it has some value means process go to code behind click event.

Now i met small problem. If text box value == "" means it return the error message and go the server side click event. How do i prevent the server side post back when the condition is false.

 <asp:Button ID="btn_add" runat="server" Text="Submit" OnClick="add_new" OnClientClick="valid_name();"/>

 function valid_name() {
        var name = document.getElementById('<%= txt_name.ClientID%>').value;
        if (name == "") {
            alert('Error Alert : You must enter a valid name !.');
            return false;
        }
        else {
            return true;
        }
    }

Why not use a RequiredFieldValidator? More info here: w3schools.com/aspnet/control_reqfieldvalidator.asp — webnoob
– webnoob, Commented Feb 26, 2013 at 9:46
First time i tried to use the javascript that's why am asking. — user2110618
– user2110618, Commented Feb 26, 2013 at 9:48

Aristos · Accepted Answer · 2013-02-26 09:47:54Z

4

Just change this code

OnClientClick="return valid_name();"

adding the return on your call will affect if the click will pass or stop, and that because you actually return true/false from the function depend from the input but that return is not affect the button with out the return in the direct call on the button.

answered Feb 26, 2013 at 9:47

Aristos

66.7k16 gold badges117 silver badges154 bronze badges

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

Collectives™ on Stack Overflow

validate .net page using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related