Jquery Validation with custom message

You can validate the HTML form using the Jquery with your custom error message.

This is very easy to implement and require little knowledge of jquery.



The sample code for the jquery validation are:

Copy this part in your head section.

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://view.jquery.com/trunk/plugins/validate/jquery.validate.js"></script>
<style type="text/css">
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; margin-left:20px; vertical-align: top; display:block;}
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
</style>
<script>
$(document).ready(function(){
$("#commentForm").validate({
rules: {
name: "required",
email: {
required:true,
email:true
},
url:{required:true,url:true},
comment:"required"
},
messages: {
email: {
required: 'Enter this!',
email: 'enter valid email'
},
name: {
required: 'Enter name!'
},
url: {
required: 'Enter URL!',
url: 'Valid url'
},
comment: {
required: 'Enter Comment!'
}
}
});
});
</script>

Copy this part in your body section.

<form id="commentForm" method="get" action="">
<fieldset>
<legend>A simple comment form with submit validation and default messages</legend>
<table>
<tr>
<td><label for="cname">Name</label></td>
<td><em>*</em><input id="cname" name="name" size="25"  minlength="2" /></td>
</tr>
<tr>
<td><label for="cemail">E-Mail</label></td>
<td><em>*</em><input id="cemail" name="email" size="25"   /></td>
</tr>
<tr>
<td><label for="curl">URL</label></td>
<td><em>*</em><input id="curl" name="url" size="25"  value="" /></td>
</tr>
<tr>
<td><label for="ccomment">Your comment</label></td>
<td><em>*</em><textarea id="ccomment" name="comment" cols="22"></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Submit"/></td>
</tr>
</table>
</fieldset>
</form>

Comments

Post a Comment

Popular posts from this blog

How to check browser cookie enabled with php and javascript

Cookies are typically used by web servers to perform functions such as tracking your visits to websites, enabling you to log in to sites, and storing your shopping cart. Cookies can be used to interaction between Javascript and Server Side Scripts like PHP.Cookies also used to transfer small amount of data between one page to other pages via HTTP headers .If user disables this cookies or user’s browser won’t support the interaction between JS and PHP fails.So we must ensure user must enable these Cookies. Checking with Javascript if (navigator.cookieEnabled == 0) { alert("You need to enable cookies for this site to load properly!"); } Checking with PHP If user disables Javascript we fail to check the Cookie enabled or not.So we check on the server side also.below PHP snippet check the Cookie enabled or not. function check_cookie(){ if (setcookie("test", "test", time() + 360)) { if (isset ($_COOKIE['test'])) { return true; } } return false; }
Read more

cookie and subdomains

A cookie can be set either for a specific domain or a domain and its subdomain. Cookie for a specific domain: When you set a cookie from a web server in php using setcookie() function then this function accepts some parameters. Some parameters are required and some are optional. In those parameters there is one parameter called domain, which means this cookie would be available for that domain. Domain parameter is an optional parameter. If you don’t set the domain in setcookie() function then it will set the cookie which would be available to current host only. It won’t be available its subdomain. setcookie("TestCookie", $value, time()+3600); Cookie for domain and subdomains: If you set the domain (top level domain) name in setcookie() function then it will set the cookie which would be availabe to its domain and subdomains. For ex. setcookie("TestCookie", $value, time()+3600,'example.com'); Above function will set the cookie with the domain “.example.com”.
Read more

Output buffering in php

Output buffering is used by PHP to improve performance and to perform a few tricks. Without output buffering (the default), your HTML is sent to the browser in pieces as PHP processes through your script. With output buffering, your HTML is stored in a variable and sent to the browser as one piece at the end of your script. Advantages of output buffering: Turning on output buffering alone decreases the amount of time it takes to download and render our HTML because it’s not being sent to the browser in pieces as PHP processes the HTML. All the fancy stuff we can do with PHP strings, we can now do with our whole HTML page as one variable. If you’ve ever encountered the message “Warning: Cannot modify header information – headers already sent by (output)” while setting cookies, you’ll be happy to know that output buffering is your answer. Use Facebook to Comment on this Post Output buffering in php
Read more