Asp.net programming we consider all important topic for knowledge about controls,web Services, JSON, Ajax, database, and interview related Question. In this Asp.net and sql server tutorial blog we give many examples of jquery as like How Play YouTube Video in Your Asp.net Website by URL, How to Play YouTube Videos in Asp.net by using Jquery , Jquery Change div background on mouseover in asp.net , JQuery UI Datepicker (Calendar) etc.

Thursday, September 4, 2014

jquery disable or Enable submit button after validation

 JQuery Enable Disable Submit Button on Text field:



In this post we take an example by using past port of jquery and use this as validation of text field. Here we make a simple form in which take 3 text fields.  

How to disable/enable input field on click with jQuery:

In this Example we want to fallowing jquery file.
submit_disable.js
and ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
here we give url of both jquery file . for submit_disable.js see fallowing post


How to disable or enable input field using JQuery

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>Enable Disable Submit Button Using jQuery</title>
    <link href="submit_disable.css" rel="stylesheet">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="submit_disable.js" type="text/javascript"></script>
   
</head>
<body>
    <div class="container" align="center">
        <div class="main">
            <h2>
                Enable Disable Submit Button Using jQuery</h2>
            <form action="" method="get">
            <label>
                Name :</label>
            <input id="name" name="name"  type="text" value="">
            <label>
                Email :</label>
            <input id="email" name="email"  type="text" value="">
            <label>
                Message :</label>
            <textarea id="message" ></textarea>
            <input id="submit" type="submit" value="Submit">
            </form>
        </div>
    </div>
</body>
</html> 

Jquery Related Other post on this asp.net tutoriral: 



jquery disable or Enable submit button after validation

 
jquery disable or Enable submit button after validation
jquery validation on submit button after validation

Asp.net Related Other Post:

Here we give the list of Examples related to gridview:


No comments:

Post a Comment