Share on Google+Share on Google+

samar
Form validation Using Jquery Plugin
1 Answer(s)      6 years and 4 months ago
Posted in : JavaScript Questions

Hello sir

I want to implement form validation using JQuery Plug-in. My code is :

<html>
<style type="text/css">
    * { font-family: Verdana; font-size: 11px; line-height: 14px; }
    .submit { margin-left: 125px; margin-top: 10px;}
    .label { display: block; float: left; width: 120px; text-align: right; margin-right: 5px; }
    .form-row { padding: 10px 0; clear: both; width: 800px; }
    label.error { width: 250px; display: block; float: left; padding-left: 10px; }
    input[type=text], textarea { width: 250px; float: left; }
    textarea { height: 50px; }
  </style>
</head>
<body>

<body>
<h3><font color="blue">Please enter the following information</font></h3>

  <form method="post" action="">
      <div class="form-row"><span class="label">Name *</span><input type="text" name="name" id="namei"/></div>
      <div class="form-row"><span class="label">E-Mail *</span><input type="text" name="email" id="emaili"/></div>

      <div class="form-row"><span class="label">URL</span><input type="text" name="url" id="urli" /></div>
      <div class="form-row"><span class="label">Age</span><input type="text" name="quantity" id="quantity" /></div>

      <div class="label.error" id="errmsg"></div>
      <div class="form-row"><span class="label">Your comment *</span><textarea name="comment" id="commenti"></textarea></div>
      <div class="form-row"><input class="submit" type="submit" value="Submit" name="submit" id="submiti"></div>
    </form>
</body>
</html>

Please provide me JQuery code regarding above code ASAP.

Ads

View Answers

December 15, 2010 at 12:41 PM


First you need to download jquery.validate.js plugin. Here is the code according to your description :

<script type="text/javascript" src="jquery.validate.js"></script> <script type="text/javascript">

$(document).ready(function(){
       //called when key is pressed in textbox  $("#quantity").keypress(function (e)    {   $("#errmsg").hide();      //if the letter is not digit then display error and don't type anything     if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))     {         //display error message         $("#errmsg").html("&nbsp;&nbsp;Digits Only").show(); 
       return false;
      }       });     $('#quantity').blur(function(a) {       if((parseInt($("#quantity").val(), 10)<18))     {
      $("#errmsg").html("&nbsp;&nbsp;Age must be greater than 18").show(); 
          }       if((parseInt($("#quantity").val(), 10)>35))     {
      $("#errmsg").html("&nbsp;&nbsp;Age must be less than 35").show();       }      });
    //FOR EMAIL ADDRESS     $("#form").validate({
        rules: {
          name: "required",// simple rule, converted to {required:true}
          email: {// compound rule
          required: true,
          email: true
        },
        url: {
          url: true
        },
        comment: {
          required: true
        }
        },
        messages: {
          comment: "Please enter a comment."
        }
      });    });   </script>









Related Tutorials/Questions & Answers:
Form validation Using Jquery Plugin
Form validation Using Jquery Plugin  Hello sir I want to implement form validation using JQuery Plug-in. My code is : <html> <style type...; } .form-row { padding: 10px 0; clear: both; width: 800px; } label.error { width
HTML form validation using jquery
HTML form validation using jquery  Is there any way for validating html elements common under a class by giving its class name in jquery validation code..that means validating all elements by using its class name if those
Advertisements
Html form validation using jquery
Html form validation using jquery  Hi i am using form with html. Form elements like textbox, radio,checkbox,listbox i was used now how to validate the elements using submit jquery option
Jquery form validation does not work
Jquery form validation does not work  I want to use jquery validation...;Have a look at the following link: JQuery Form Validation The above link provide you a good example of validating a form using jquery with illustration
Jquery form validation does not work
Jquery form validation does not work  I want to use jquery validation...;Have a look at the following link: JQuery Form Validation The above link provide you a good example of validating a form using jquery with illustration
Form validation using jQuery plug in & JSP
Form validation using jQuery plug in & JSP In this tutorial, we will discuss about form validation using jQuery plug in & display of submit content using JSP. In the given below example a form is given ,whose fields  like
jQuery plugin examples code
:  Form validation using jQuery plug in & JSP The '... plugin Auto complete text box using jQuery plug in Pop... jQuery plugin examples code     
Please provide jquery inline form validation for the code
Please provide jquery inline form validation for the code   <...="white"> <form action="Student1Servlet" method="post" enctype="multipart/form... the following link: http://www.roseindia.net/tutorial/jquery
Please Provide jquery inline form validation
Please Provide jquery inline form validation  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd...;/head> <body> <form action="LabAccountServlet" method="post"><
form validation
form validation  how the form validation is done in jsf form using javaScript
file upload plugin in jquery
file upload plugin in jquery  file upload plugin in jquery   You can use the following code to use the JQuery plugin. $(document).ready(function() { $("#uploadbutton").jsupload({ action: "addFile.do
JQuery as validation controller
JQuery as validation controller  I would love to use JQuery as validation controller but i don't know how i use.Could u help me?   Here is a link that will provide you an example of validating email using jquery
Ajax form validation Example
to validate form in Ajax using jQuery framework. Thanks...Ajax form validation Example  Hi, I want to validate my ajax form. Please give me good code for Ajax form validation. Thanks   Hi, Read
Introduction to jQuery plugin
Introduction to jQuery plugin       Introduction to jQuery plugin JQuery plugins... . For jQuery official site for plugin click here Example : Zoom
Form Validation
Form Validation  Java script validation for checking special characters and white spaces and give an alert.Please help me urgent Thanks in advance
Difference between jQuery UI widget and plugin
. In the other hand, a widget usually is the representation of a plugin in the form...Difference between jQuery UI widget and plugin  JQuery UI widgets and plugin are included in the same way in html page. They work like the same way
jQuery email validation
jQuery email validation  Hi, I am using jQuery in my PHP based web application. I have to validate the email address entered by user on the form. I... is not correct. Give me good example code for validing email address in jQuery. Thanks
form validation
form validation  <form name="form" method="post" action="process.php" onsubmit="return validate(); "> <table align="center" border="1px... want validation code,username minimum 8 char,password length must >6,and one
Difference between jQuery UI widget and plugin
Difference between jQuery UI widget and plugin  ... and plugin Widgets are part of the jQuery UI library, where plugins aren..., a widget usually is the representation of a plugin in the form
How to save form data to a csv file using jquery or ajax
How to save form data to a csv file using jquery or ajax  Please let...=data.responseText; Now the problem is ,i should write form data to a csv file using ajax..., Thank you for your reply , i am suppose to use only jquery or ajax for doing
Form validation
Form validation  Hi Everyone Can someone assist me with a complete code to validate a form. e.g where the user must insert an ID number it should check if the user entered the correct data and within a valid range. This must
How to reset a form in jQuery?
How to reset a form in jQuery?  Hi, I have a form where I am using jQuery. I want to reset the form. How I can reset the form grammatically?   Hi, You can use following code: $("#MyFomrName").reset(); Thanks
JavaScript Form Validation
JavaScript Form Validation  JavaScript Form Validation
spring form validation
spring form validation  how can we validate a web form using spring, try to give an example of the form containing some fields and their validations,ASAP......   Please visit the following link: Spring form validation
Custom Form Validation - PHP
Custom Form Validation  Which is the best way or where should I implement the custom validation rules such as ? using number, capital letters and symbols to secure the password
HTML Form Validation example
HTML Form Validation example  Can anyone guide me how to validate the user name and password field in HTML using simple or JavaScript Validation. Thanks in advance!   <form method="post" onsubmit="return
is it possible to add a button inside an autocomplete jquery ui plugin?
is it possible to add a button inside an autocomplete jquery ui plugin?  is it possible to add a button inside an autocomplete jquery ui plugin? My... a button that will open a jquery modal form, that the user can enter the desired data
login form validation - JSP-Servlet
login form validation  hi, how to validate the login form that contains user name and password using post method . the validation should not allow user to login in the address bar thanks regards, anand
Form Validation with JavaScript
Form Validation with JavaScript  I created a simple form including...: <html> <script src="validateForm.js"> </script> <form name="form" method="post" onsubmit="return validate();"> <table> <
How to create runtime drag and drop form builder using asp.net mvc and jquery
How to create runtime drag and drop form builder using asp.net mvc and jquery  My task is related to Runtime drag and drop Form Builder. I have to design a dynamic form builder in which user has permission to drag the control
javascript form validation
javascript form validation  How to validate radio button , dropdown list and list box using onsubmit event..please give me a sample example..If we do...; } return true; } </SCRIPT> </HEAD> <form name="f1" onsubmit
Tutorials   
Java Spring Hibernate Struts Training code for programming How can I dynamically load user-entered data as content of jquery dialog? java webcam integration question java coding Fix Scrollbar position in a checkboxList after postback Information Save Alert Country wise redirection to files Interface in javascript connect database with javascript Zip Code ZipCode how to validate the email login How to play FLV video files on Ipad using HTML code or javascript code? Nitobi Grid is not working in IE10/IE11 jquery issue plese help RegEx Tree structure from json whose parents can be dragged and dropped from child newyorklife insurance getElementById not working javascript code for search in html file Implement The Skeleton Code Implement This Skeleton Code Mobile Automation using Appium Computer forensic application Java: Searching a string from doc files java linked list urgent !!! java linked list urgent!!! library management library management library management library management question Html form using JavaScript to display the table content java how to prevent no from unroundin off on clicking text box again in JSP and Jquery graph generation from xml design file display data from database in textbox when id entered in textbox Javascript Code for all fields how to get HTTP GET request value using javascript array Javascript Querry autocomplete(): Spring mvc with jquery: I am not getting correct value in the text filed. Please help me Create SpreadSheet same as excel using java applet Create SpreadSheet same as excel using java applet How to change focus among multiple select boxes? Write JQUERY Code Write JQUERY Code Converting jsp variable to java variable java

Ads

 
Advertisement null

Ads