stop page from postback if text box is empty

Question

1.00/5 (1 vote)

See more:

i have taken createuserwizard control in my asp.net page. Actually the page is postback even the textboxes are empty in createuserwizard, when i press "create user" button.

I don't want the page to postback if any textbox is empty in createuserwizard..

Can you please tell me how to do this?? I googled but nothing found..

Posted 30-May-14 20:51pm

Harpreet_125

Add a Solution

Comments

TrushnaK 31-May-14 3:11am

Use requiredfield validator or do some scripting for validating your textbox.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Nirav Prabtani** · Answer 1 · 2014-05-30T21:12:00

If you return false from your client click function then postback will not happen.

ASP.NET

<asp:button text="Create User" ID="btnUser" runat="server" onclick="btnUser_Click"" onclientclick="validateForm()" />

JavaScript

function validateForm() {
            var x = document.getElementById("txtUserName").value;

            document.getElementById("txtUserName").value="hello";

            if (x == null || x == "") {
             
                  //Code for error message what do you want.
                return false;
            }
        }

DamithSL · Answer 2 · 2014-05-30T21:04:00

Add RequiredFieldValidator

ASP.NET

<asp:TextBox runat="server" id="txtName" />
  <asp:RequiredFieldValidator runat="server" id="reqName" controltovalidate="txtName" errormessage="Please enter your name!" />

reference:
http://asp.net-tutorials.com/validation/required-field-validator/[^]
http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.requiredfieldvalidator(v=vs.110).aspx[^]

UPDATE 1:
add Display="Dynamic" and try by removing Validation Group if you have any. if you added validation group then you need to have the same validation group for the post back control.

ASP.NET

<asp:RequiredFieldValidator ID="reqName" ControlToValidate="txtName" Display="Dynamic" ErrorMessage="Please enter your name!" runat="server"></asp:RequiredFieldValidator>

UPDATE 2:
I have to go back to your previous answer and find your code. The issue is you haven't give the ValidationGroup for the text boxes. if you using ValidationGroup you need to set it for the all the controls and validators you need to validate. do the changes and test your application, I have added sample code for one text box in below.

ASP.NET

<asp:TextBox ID="UserName" runat="server" ValidationGroup="CreateUserWizard2"></asp:TextBox>
<asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate= "UserName" ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="CreateUserWizard2" Display="Dynamic" >*</asp:RequiredFieldValidator>

stop page from postback if text box is empty

2 solutions

Solution 2

Solution 1

Add your solution here

Preview 0