Empty TextBox validation using JavaScript and jQuery in ASP.Net

pratiksh...

SOLVED CLOSED ACTIVE ANSWERED
User: pratikshir
Posted: on Jun 09, 2017 08:46 AM
Forum: JavaScript
Answer: 3
Views: 15666
Sample Code: Download

Dear Team,

how to set blank and input validation in asp.net 4.0 using javascript

on change event, clickevent or which bet for client and server side

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 3

Reply
ANSWER
User: dharmendr
Replied: on Jun 09, 2017 10:15 AM
Report

Refer below sample.

Javascript

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        function BlankCheck(ele) {
            if (document.getElementById(ele.id).value == '') {
                document.getElementsByTagName('span')['0'].style.display = "block";
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input name="txtName" type="text" id="txtName" onkeyup="BlankCheck(this);" />
        <span class="Error" style="display: none; color: Red;">* Required!</span>
    </div>
    </form>
</body>
</html>

Demo

jQuery

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#txtName').on('keyup', function () {
                if ($(this).val() == '') {
                    $('.Error').attr("style", "display:block;color: Red;");
                }
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input name="txtName" type="text" id="txtName" />
        <span class="Error" style="display: none; color: Red;">* Required!</span>
    </div>
    </form>
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Empty TextBox validation using JavaScript and jQuery in ASP.Net

Company

Explore

Follow us

Contact Us