Thứ Năm, 20 tháng 9, 2012

Jquery Validater Form

1.
 $("#myform").validate({
  rules: {
    field: {
      required: true,
      date: true
    }
  }
});


2. 
               rules: {
                            datepicker: {
                              required: true,
                              date: true
                            }}

3.
$('#myForm')
    .validate({
        rules :
            myDate : {
                australianDate : true
            }
    });


4. 
$("#myForm").validate({
      rules: {
          username: {
           email: {
                required:true,
                email:true,
                maxlength:255,
            },
            confirmEmail: {
                required:true,
                equalTo: "#email"
            },
         }
       }
     })


5. 


$('validatorElement').validate({
    rules : {
        amount : { greaterThanZero : true }
    }
});


6. 
$("#regFormPart1").validate({
username: {
      required: true,
       minlength: 8,
       uniqueUserName: true
       },
 messages: {
username: {
      required: "Username is required",
       minlength: "Username must be at least 8 cheractors",
       uniqueUserName: "This Username is taken already"
      }
    }
 }); 


7.
 var validator = $("#signupform").validate({
 rules: {
 username: {
 required: true,
 minlength: 6,
 maxlength:16,
 remote:'checkUserName',
 nowhitespace:true,
 alphanumeric:true,
 notEqualTo:'#otherusername'
 },
 messages: {
 username: {
 required: "Enter a username",
 minlength: jQuery.format("Enter at least {0} characters"),
 remote: 'Username not available',
 alphanumeric: 'Letters, Numbers and Underscores Only.',
 notEqualTo: 'Profile and Customer Usernames cant be same'
 }
 });



Giới thiệu một số rules thường sử dụng :

+ required : bắt buộc phải nhập
+ minlength() : số ký tự tối thiểu vd - minlength : 3
+ maxlength() : số ký tự tối đa vd – maxlength : 10
+ rangelength() : số ký tự giới hạn trong khoảng cụ thể .vd - rangelength: [2, 6]
+ min ():giá trị nhỏ nhất . vd – min : 1
+ max () : giá trị lớn nhất . vd - max :10
+ range() : gia tri trong 1 giới hạn cụ thể . vd - range: [1,10]
+ email() :nhập theo địa chỉ email hợp lệ. vd - hoang@yahoo.com
+ url() :nhập theo địa chỉ url hợp lệ. vd – http://nhatnghe.com.vn
+ date() : nhập ngày theo chuẩn : yyyy-mm-dd .vd- 2011-12-20
+ digits() : phải nhập số
+ number() : nhập số thập phân
+ equalTo() : giá trị phải bằng với giá trị của một đối tượng cụ thể khác.



jQuery validation : End date should be Greater than Start date

$.validator.addMethod("enddate", function(value, element) {
var startdatevalue = $('.startdate').val();
return Date.parse(startdatevalue) < Date.parse(value);
}, "End Date should be greater than Start Date.");


Jquery Validation - DATE mm/dd/yyyy format 
<script>
$(document).ready(function(){
    $.validator.addMethod("DateFormat", function(value,element) {
        return value.match(/^(0[1-9]|1[012])[- //.](0[1-9]|[12][0-9]|3[01])[- //.](19|20)\d\d$/);
            },
                "Please enter a date in the format mm/dd/yyyy"
            );
 $("#form5").validate({
        rules: {
            arrival: {
                required: true,
                DateFormat: true
            },
            departure : {
                required: true,
                DateFormat: true
            }
        }
    });
  });
</script>


 jquery validation password rules
 $("#myform").validate({
  rules: {
    password: "required",
    password_again: {
      equalTo: "#password"
    }
  }
});




Không có nhận xét nào:

Đăng nhận xét

Học lập trình web căn bản với PHP

Bài 1: Các kiến thức căn bản Part 1:  https://jimmyvan88.blogspot.com/2012/05/can-ban-lap-trinh-web-voi-php-bai-1-cac.html Part 2:  https://...