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

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

PHP Best Practise

Always use PHP standard tags i.e.  <?php ?> .  To ensure the future version support, Please use standard tags for PHP. Always follow a consistent naming standards. Always use Indent and white spaces in codes. It helps to read and understand the code. Always turn on the full error reporting for development. It will show you complete list of notices, warnings and errors. When you are sending you code to production, Please make sure that you have turn off the error reporting else problems would be visible to users.  You can turn on the error reporting by php.ini. error reporting can be enabled on runtime by error_reporting() function. Always do the client and server side validation wherever there is scope of user input. You can not trust on your users. Always put comment in your code. It will make it easy to understand to others. You should use caching mechanism for the performance of the site. Ex.- memcache Don’t do the deep nesting. It will make the code complicated. Always avoid
Read more