how can we enable submit button in web form only when all required fields(TextBox,DropDownList) of same form are filled?

Question

0.00/5 (No votes)

See more:

how can i do,my confusion is at which control's event i can check condition that all required fields are filled or not???
here we don't which control will be filled by user just before submit button.

please give me suggestion

Posted 17-Apr-14 21:00pm

SYED SHAHID ALI

Updated 17-Apr-14 22:59pm

v2

Add a Solution

2 solutions

Solution 1

It's pretty simple.If the last control before submit button is TextBox use TextChanged Event[^] or if it is DropdownList use SelectedIndexChanged event

Check whether all the controls are filled in IF condition in the events .When all fields are filled ,then enable the submit button or else raise the alert to fill

Posted 17-Apr-14 21:19pm

Tom Marvolo Riddle

v2

Comments

SYED SHAHID ALI 18-Apr-14 4:54am

user can start fill data from any control it may be at last or middle or start

Tom Marvolo Riddle 18-Apr-14 4:59am

It's not a problem.

for eg. let imagine. you have 10 textbox from textbox1 to textbox10.In the textbox10 check all the fields are filled or not.

It allows the user to fill textbox5 or textbox1 or anything except textbox10.When user fill the Textbox10 ,all the above fields should be filled

SYED SHAHID ALI 18-Apr-14 5:04am

i can't restrict user to fill textbox10 at last or before submit button

Tom Marvolo Riddle 18-Apr-14 5:15am

Then use all Textbox textchanged events to check
Create a method for checking and call it in all textchanged events

SYED SHAHID ALI 18-Apr-14 5:33am

thanx jas for reply i got it.

SYED SHAHID ALI 18-Apr-14 4:56am

here we can't say which control will be filled by user before submit button.

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)

SYED SHAHID ALI · Accepted Answer · 2014-04-17T23:37:00

XML

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Disable Button</title>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js" ></script>
    <script type="text/javascript">

    $(document).ready(function (){
    validate();
    $('#txtName, #txtAddress, #txtPhone').change(validate);
});

function validate(){
    if ($('#txtName').val().length   >   0   &&
        $('#txtAddress').val().length  >   0   &&
        $('#txtPhone').val().length    >   0) {
        $("#btnClick").prop("disabled", false);
    }
    else {
        $("#btnClick").prop("disabled", true);
    }
}

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="Label1" runat="server" Font-Bold="True" Text="Name:"></asp:Label>
        <asp:TextBox ID="txtName" runat="server"></asp:TextBox><br />
        <br />
        <asp:Label ID="Label2" runat="server" Font-Bold="True" Text="Address"></asp:Label>
        <asp:TextBox ID="txtAddress" runat="server"></asp:TextBox><br />
        <br />
        <asp:Label ID="Label3" runat="server" Font-Bold="True" Text="Phone:"></asp:Label>
        <asp:TextBox ID="txtPhone" runat="server"></asp:TextBox><br />
        <br />
        <asp:Button ID="btnClick" runat="server" OnClick="Button1_Click" Text="Submit" /></div>
    </form>
</body>
</html>