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: 15667
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 1

Reply
ANSWER
User: dharmendr
Replied: on Jun 09, 2017 09:03 AM
Modified: on Jun 09, 2017 09:05 AM
Report

Hi pratikshir,

Refer the below sample.

Using JavaScript

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function BlankCheck(ele) {
            if (document.getElementById(ele.id).value == '') {
                alert('Name can\'t be blank');
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input name="txtName" type="text" id="txtName" onkeyup="BlankCheck(this);" />
    </div>
    </form>
</body>
</html>

Demo

Using 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() == '') {
                    alert('Name can\'t be blank');
                }
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input name="txtName" type="text" id="txtName" />
    </div>
    </form>
</body>
</html>

Demo

pratiksh...

0 2

Reply
ANSWER
User: pratikshir
Replied: on Jun 09, 2017 09:48 AM
Report

dharmendr says:
Hi pratikshir,

Refer the below sample.

Using JavaScript

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <script type="text/javascript">

        function BlankCheck(ele) {

            if (document.getElementById(ele.id).value == '') {

                alert('Name can\'t be blank');

            }

        }

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <input name="txtName" type="text" id="txtName" onkeyup="BlankCheck(this);" />

    </div>

    </form>

</body>

</html>

Demo

Using jQuery

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<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() == '') {

                    alert('Name can\'t be blank');

                }

            });

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <input name="txtName" type="text" id="txtName" />

    </div>

    </form>

</body>

</html>

Demo

How to highlight or error message near by control

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

pratiksh...

0 4

Reply
User: pratikshir
Replied: on Jun 09, 2017 11:13 PM
Modified: on Jun 09, 2017 11:18 PM
Report

thanks for you suggetion....

but not working in script managenr also update panel

and how to check on button click event...

dharmend...

0 5

Reply
User: dharmendr
Replied: on Jun 12, 2017 02:00 AM
Report

You can't ask multiple queries within a question. This is against forum rules and necessary to maintain clean forum. It is requested Mark Answer the replies when question is answered and ask a new question as a responsible member to help fellow programmers around the world.

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