jQuery.validator.addMethod

最新推荐文章于 2024-09-26 01:42:12 发布

diwa39600958814

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量156

点赞数

文章标签： javascript php json ViewUI

原文链接：http://www.cnblogs.com/hmII/archive/2010/04/26/1721259.html

版权

You can create a simple rule by doing something like this:

jQuery.validator.addMethod("greaterThanZero", function(value, element) {
    return this.optional(element) || (parseFloat(value) > 0);
}, "* Amount must be greater than zero");

And then applying this like so:

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

Just change the contents of the 'addMethod' to validate your checkboxes.

link | flag

answered Oct 27 '08 at 19:56

Mark Spangler
277 ●1 ●6

What is the this.optional(element) || doing in that function? It seems like every rule has that, but I can't tell why it would be relevant for any rule except "required". – machineghost Apr 24 '09 at 22:15

Leaving it out would mean that the method would always be applied, even when the element isn't required. – Mark Spangler Apr 27 '09 at 16:34

Thanks, it worked!

Here's the final code:

$.validator.addMethod("greaterThanZero", function(value, element) {
var the_list_array = $("#some_form .super_item:checked");
return the_list_array.length > 0;
}, "* Check at least one checkbox");

link | flag

answered Oct 28 '08 at 15:03

edward

Hi edward, I need this functionality as well, but my code isn't executing... Can you post a more complete example of you code?

I don't know where to write the $.validator.addMethod, should that be outside of the form.validate code?

I currently have:

jQuery.validator.addMethod("at_least_one_cat_selected", function(value, element) { var the_list_array = $("ul#list_all_categories li input:checked"); return the_list_array.length > 0; }, "Please specify the correct domain for your documents");

and then inside the validation call:

rules: { list_all_categories: {at_least_one_cat_selected: true} },

but that isn't working. Please note: list_all_categories is the name of the that contains all checkboxes?

link | flag

answered Sep 8 '09 at 8:31

jorre
1

$(document).ready(function(){
$.validator.addMethod("uniqueUserName", function(value, element) {
      $.ajax({
          type: "POST",
           url: "http://"+location.host+"/checkUser.php",
          data: "checkUsername="+value,
          dataType:"html",
       success: function(msg)
       {
          // if the user exists, it returns a string "true"
          if(msg == "true")
             return false;  // already exists
          return true;      // username is free to use
       }
     })
}, "Username is Already Taken");
   $("#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"
      }
    }
 });

link | flag

answered Feb 18 at 15:59

Tracy
1

########################
## In validation Rules #
########################
regemail: {
    required: true,
    email: true,
    remote: {
        url: "checkmail.php"
    }
},

#####################
## In message Rules #
#####################
regemail: {
    required: "Email is required",
    email: "Invalid Format",
    remote: ""
}

###########################
## Modify Jquery Validate #
###########################
#Search For:
var valid = response === true;
if ( valid ) {

#Change To:
var valid = response.data;
if ( !valid ) {
   valid = true;

#Search For
} else {
   var errors = {};

#Change To
} else {
   valid = false;
   var errors = {};


#Search For:
errors[element.id] = previous.message = response || validator.defaultMessage( element, "remote" );

#Change To:
errors[element.id] = response.data || validator.defaultMessage( element, "remote" );