Form validation Using Jquery Plugin
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.
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(" Digits Only").show();
return false;
} }); $('#quantity').blur(function(a) { if((parseInt($("#quantity").val(), 10)<18)) {
$("#errmsg").html(" Age must be greater than 18").show();
} if((parseInt($("#quantity").val(), 10)>35)) {
$("#errmsg").html(" 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>
Ads
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 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
Advertisements
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
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
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
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
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
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
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
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
 
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
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
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
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
Disabling submit button using jQuery
Disabling submit button
using jQuery Hello Sir
I want to know - is there any way or approach to disable client side
form's "Submit" button.
Please give code also.
For all submit buttons, via
JQuery, it'd
Vertical news slider using jquery
Vertical news slider
using jquery how to creatw vertical news slider
using jquery
Sorry for wrong category but i cant get my
jquery category
Show Limited Data Using jquery
Show Limited Data
Using jquery How to show limited results in
JQuery... it
using JQuery?
See the
JQuery example to show the limited fetch results in
JQuery.
var comments = $('.description_text').size();
if (comments >
jquery start date end date validation
jquery start date end date validation
Using JQuery how can i validate the end date and start date? for example if the start date is grater than...").rules('add', { greaterThan: "#StartDate" });
or
$("
form").validate
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
validation of strings using java function
validation of strings
using java function hi all,
i am uploading data from csv file to data base where i took student id as string of length 6 char of the
form abc123 will you please give me a function to validate this field