I wanted to validate TextBox formfee and return the focus to it if it is empty or null on button click but the JavaScript code is not respondingPlease helplthtml xmlns34httpwwww3org1999xhtml34gtlthead runat34server34gt lttitlegtlttitlegtltheadgtltbodygt ltform id34form134 runat34server34gt ltdivgt ltscript type34textjavascript34gt function validate var

Hi makumbiYou are not using JavaScript focus function to your Form Fee TextBox please use it Refer below modified JavaScript code HTMLlttablegt lttrgt lttdgt ltaspLabel ID34lblFormFee34 runat34server34 Text34Form Fee34gtltaspLabelgt ltaspTextBox ID34txtFormfee34 runat34server34gtltaspTextBoxgt lttdgt lttrgt lttrgt lttdgt ltaspButton Text34Submit34 runat34server34 OnClientClick34return Validate34 gt lttdgt lttrgtlttablegtltscript type34textjavascript34gt function Validate var formFee documentgetElementById39txtFormfee39 var firstName formFeevaluetrim var errors 3434 if firstName 3434 errors 34Please Enter Form Charge Feen34 alerterrors formFeefocus

Validate TextBox and set focus when null or empty in JavaScript

makumbi

SOLVED CLOSED ACTIVE ANSWERED
User: makumbi
Posted: on Mar 20, 2022 10:36 PM
Forum: JavaScript
Answer: 1
Views: 4832

I wanted to validate TextBox formfee and return the focus to it if it is empty or null on button click but the JavaScript code is not responding

Please help.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <script type="text/javascript"> 
                function validate() {
                    var FirstName = document.getElementById('Formfee').value
                    var errors = ""
                    if (FirstName == "") {
                        errors += "Please Enter Form Charge Fee.\n";
                        return false;
                    }
            </script>
        </div>
        <table cellpadding="2" cellspacing="3" class="auto-style8">            
            <tr>
                <td>
                    <asp:Label ID="Label3" runat="server" Text="Form Fess"></asp:Label>
                    <asp:TextBox ID="Formfee" runat="server" CssClass="auto-style12" Width="64px"></asp:TextBox>
                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>
                    <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
                </td>
                <td>
                    <asp:Button ID="Button1" runat="server" Text="Load Intake Data" />
                </td>
                <td>
                    <asp:CheckBox ID="CheckBox1" runat="server" Text="Load Four Subjects" />
                    <asp:CheckBox ID="CheckBox2" runat="server" />
                </td>
                <td>
                    <asp:Button ID="Button2" runat="server" Text="Button" />
                </td>
                <td class="auto-style11">
                    <asp:Button ID="Button3" runat="server" Text="Print Estimate" />
                </td>
                <td class="auto-style11">
                    <asp:Button ID="Button4" runat="server" OnClientClick="return Validate();" Text="Summary" />
                </td>
            </tr>
    </form>
</body>
</html>

arjunv

0 2

Reply
ANSWER
User: arjunv
Replied: on Mar 21, 2022 03:56 AM
Modified: on Jun 13, 2022 10:52 AM
Report

Hi makumbi,

You are not using JavaScript focus function to your Form Fee TextBox please use it. Refer below modified JavaScript code.

HTML

<table>
    <tr>
        <td>
            <asp:Label ID="lblFormFee" runat="server" Text="Form Fee"></asp:Label>
            <asp:TextBox ID="txtFormfee" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td>
            <asp:Button Text="Submit" runat="server" OnClientClick="return Validate();" />
        </td>
    </tr>
</table>

<script type="text/javascript">
    function Validate() {
        var formFee = document.getElementById('txtFormfee');
        var firstName = formFee.value.trim();
        var errors = ""

        if (firstName == "") {
            errors += "Please Enter Form Charge Fee.\n";
            alert(errors);
            formFee.focus();
            return false;
        }
    };
</script>

Screenshot

Validate TextBox and set focus when null or empty in JavaScript

Company

Explore

Follow us

Contact Us