Skip to main content

How to add Validation rule in jQuery validation Plugin

How to add Validation rule in jQuery validation Plugin

 1. Load the validate plugins

<script src="js/jquery.validate.js"></script>

2. Now call the jQuery validate method

<script>
$(document).ready(function(){
// Add your own custom method

  $("#old_password").rules('add',{remote:"check_password.php",
 messages: {remote: "Passwords do not match"}});

 $("#confirm_password").rules('add',{equalTo: "#password",

   messages: {equalTo: "New password and confirm password do not match"}}); });

controller action

 $count=$this->Member->find('count',array(
'conditions'=>array('Member.password'=>md5($_GET['oldPass']),
'Member.id'=>$this->Session->read('Member.id'))));
   if($count>0)
   {
echo 'true'; die;
   } else {
echo 'false'; die;

   }

// validate signup form on keyup and submit
$("#UserAddForm").validate({
rules: {
"data[User][firstname]": "required",
"data[User][lastname]": "required",
"data[User][mobile]": {
required: true,
number: true,
minlength: 10
},
"data[User][password]": {
required: true,
loginRegex: true,
minlength: 8
},
"data[User][confirm_passwd]": {
required: true,
minlength: 8,
equalTo: "#UserPassword"
},
"data[User][email]": {
required: true,
email: true,
mailRegex: true,
               remote:"email_validate.php",
}
},
messages: {
"data[User][firstname]": "Please enter your firstname",
"data[User][lastname]": "Please enter your lastname",
"data[User][mobile]": {
required: "Please provide a mobile number",
number: "Contains only numberic value",
minlength: "Your mobile number must be at least 10 characters long"
},
"data[User][password]": {
required: "Please provide a password",
loginRegex: "Login format not valid",
minlength: "Your password must be at least 8 characters long"
},
"data[User][confirm_passwd]": {
required: "Please provide a password",
minlength: "Your password must be at least 8 characters long",
equalTo: "Please enter the same password as above"
},
"data[User][email]": {
required: "Please provide a email",
mailRegex: "Please provide work email",
email: "Please enter a valid email address",
                remote:"Email already exist. Please check"
     }
}
});

// Add your own custom method "mailRegex" used in email validation 

$.validator.addMethod("mailRegex", function(value, element) {
        return this.optional(element) || /^([\w-\.]+@(?!gmail.com)(?!yahoo.com)(?!hotmail.com)(?!rediffmail.com)(?!outlook.com)(?!aol.com)([\w-]+\.)+[\w-]{2,4})?$/i.test(value);
    }, "No yahoo, gmail or hotmail emails");

// Add your own custom method "loginRegex" used in password validation

 $.validator.addMethod("loginRegex", function(value, element) {
        return this.optional(element) || /^(?=\D*\d)(?=[^a-z]*[a-z])[0-9a-z]+$/i.test(value);
    }, "Password must contain only letters, numbers");


 });
</script>
Labels:

Comments

Post a Comment

Popular posts from this blog

Generate XML file in Cakephp

Steps to Generate XML file using CakePHP: Step-1 Enable to parse xml extension in config route.php file.     Router::parseExtensions('xml'); Step-2 Add Request Handler Component to the Controller    var $components = array(‘RequestHandler’); Step-3 Add controller Action For XML Generation in Post Controller     function generateXMLFile()     {         if ($this->RequestHandler->isXml()) { // check request type             $this->layout = 'empty'; // create an empty layout in app/views/layouts/empty.ctp              }        }  Add header code in empty layout <?php header('Content-type: text/xml');?> <?php echo $this->Xml->header(); ?> <?php echo $content_for_layout; ?> Step-4 Set up View To generate XML Create xml folder inside Posts vi...
53 comments
Read more

Simple JavaScript Object and Class Examples

In JavaScript, most things are objects. An object is a collection of related data and/or functionality Namespace: Everything you create in JavaScript is by default global. In JavaScript namespace is Global object . How to create a namespace in JavaScript? Create one global object, and all variables, methods, and functions become properties of that object. Example:  // global namespace var MYAPP = MYAPP || {}; Explaination: Here we first checked whether MYAPP is already defined.If yes, then use the existing MYAPP global object, otherwise create an empty object called MYAPP How to create sub namespaces? // sub namespace MYAPP.event = {}; Class JavaScript is a prototype-based language and contains no class statement.JavaScript classes create simple objects and deal with inheritance. Example: var Person = function () {}; Explaination: Here we define a new class called Person with an empty constructor. Use the class keyword class Calculation {}; A class expr...
25 comments
Read more

How To Create Shortcodes In WordPress

We can create own shortcode by using its predified hooks add_shortcode( 'hello-world', 'techsudhir_hello_world_shortcode' ); 1. Write the Shortcode Function Write a function with a unique name, which will execute the code you’d like the shortcode to trigger: function techsudhir_hello_world_shortcode() {    return 'Hello world!'; } Example: [hello-world] If we were to use this function normally, it would return Hello world! as a string 2. Shortcode function with parameters function techsudhir_hello_world_shortcode( $atts ) {    $a = shortcode_atts( array(       'name' => 'world'    ), $atts );    return 'Hello ' . $a['name'] . !'; } Example: [hello-world name="Sudhir"] You can also call shortcode function in PHP using do_shortcode function Example: do_shortcode('[hello-world]');
Post a Comment
Read more