how to specify the event in the rule?For example I create a rulejQuery.validator.addMethod("greaterThanZero", function(value, element) { return his.optional(element) || (parseFloat(value) > 0); }, "* Amount must be greater than zero");Iattach this rule to the form$('form').validate({ rules : { amount : { greaterThanZero : true } } });how can I specify when this rule should be checked , for example onChange oronKeypress or when another field is edited. Is it possible to do this as a form validate rule?
I will like to know if there is anyway to view all the rules that I have currently in the Jquery validation plugin. Currently, I am trying to add in rules dynamically through the rules(add) function after adding some dynamic fields through the user inputs. the rules are added in this manner.
Im using the jquery validation plugin: [URL] The forms are generated dynamically using php, with the standard class 'required' the plugin looks for, however when it comes to adding my custom rules i want them to be dynamic, as the name/id attributes are generated based on what the id of the form is: i.e. the form ID is #comp so an input would have a name attribute of comp_forename, comp_surname so basically the validator is initiated by looking in the body for a form: var form_id = $('body form').attr('id'); Then how can icancatante the strings to created the name attributes dynamically in the rules here:
I am validating my form fields using jquery validate plugin. but itsnot executing my methods. its hitting my validate() method but notactual validation code.I am pasting my code here for your reference.My javascript code:
mysite.validateFormFields = function() { alert('here'); [color=green] [b]// its hitting here [/b][/color]
The problem is lines 37 and 38. opts.onHide calls the callback function sliderOnHide (which performs an Ajax load call) at the bottom of the listing. The problem is that line 38 starts executing before line 37 completes, thus line 38 cannot calculate a proper outerHeight. how to ensure line 37 completes before line 38 begins too do so? (If you have any other tips for the rest of the code, feel free to pass it on. This is my first plugin. Using it to get a feel for jQuery.)
I am trying to "ajaxify" my site. Now I have one problem:
$("#posts").children().remove(); $("#tag-sidebar").children().remove(); $.each(data.Tags_Sidebar, function (indexInArray, valueOfElement) { var insert = $("<li>");
[Code]......
Now when I click one of those links (href1, href2, href3) generated, the click event won't execute! What's the problem? Also, is it right that I have to transfer the valueOfElement over, like I did? What does stopEventPropagation do? Prevent the href from being navigated to? That's what I am trying to do.
So basically the first one runs if BMFNP is checked, and INTEF isn't it checks INTEF and runs the alert. At that time, both are checked so it runs the second function. How can I fix this? I need both to work and display different messages for each situation, if BMFNP is checked, INTEF isn't check INTEF and alert it has been added and BMFNP can only do xxxxx. If both are checked, simply alert that BMFNP can only do xxxx, no need to alert it has been added.
To sum it up I have a rows that acts a header for a collection of item (class="item_collection_begin). Is there some way to click on a button and then all the items and their header (item_collection_begin), and their footer (item_collection_end, this is not mandatory that they have such one) are all hidden if there is no item in the collection where the cell (amount) is bigger than zero? I have got it to work for all the rows with items: $('#test .amount').filter(function (index) { return $(this).html() == 0; }).parent().remove(); But this does not hide item_collection_begin (and perhabs item_collection_end).
I apologize for posting again - Joern, the developer who built this plugin made a suggestion but I never heard back on a follow up question. I am using validate on a fairly big project. The problem I'm running into is that our e-commerce environment is writing a fairly cumbersome value into each input's name field. It's basically pointing to the form handler. This itself makes it difficult to build rules because the name attribute can be 100 characters long. It's also possible that the path to the form handler will change which is troublesome.
The ideal solution is to have set the validation rules and messaging on the id of the input. Joern indicated that this would be possible, but I need some help going about it.
I'm working on the validation plugin for jquery and trying to figure out how I can target the text boxes that are dynamically generated with this change event. I'm trying to target them so I can set up rules for my page.
What I'm trying to do is create three rules depending on the path of a page. If the path contains 'best-sellers', I want jQuery to set the class of the page to 'pm-best-sellers'. I can do this, and it works, but when I add the rules for 'express-gifts' and 'eco-friendly' it breaks.
I'm using the validation plugin and I have a lot of rules set on my page [code]...
My question, how can I disable all the rules or the entire validation ? I can submit the form via two buttons to either save the page (here I need validation) or "delete" the current view (here I do not want any validation)
I have created a php filter for a form that returns an error message if someone uses profanity in the comments field and makes them redo that field before inserting into a database. Here is the code I use for that (I have omitted the lengthy list of profanity..):
Code: if (isset($_POST['comments'])){ $comments = $_POST['comments']; $filter=array("badword1", "badword2"); for ($i = 0; $i < count($filter); $i++) { ..... if (preg_match("/".$filter[$i]."/i", $comments)) { $profanity_msg="Profanity is not allowed"; }}} //Then this before the form if(isset($profanity_msg)){ echo $profanity_msg; }
However, the rest of my form is validated through JQuery Validator and I would like to make a rule that would do the filtering instead of relying on the php. Here is a sketch of what I think I will need to do to build the custom rule, but I am not sure how to write the equivalent function to my php code above.
Code: $(document).ready(function(){ //custom validation rule - profanity $.validator.addMethod("profanity", "Equivalent of my php function goes here..." ); //validation implementation will go here. $("#TestForm").validate({ rules: { comments: { required: true, profanity: true }}, messages: { comments: { required: "* Required", profanity: "* No Profanity Allowed" }}}); })
I'm building all my forms dinamically, calling a web service that returns me the field type, description and a set of rules for validation, all in JSON format. No matter how hard I tried, calling rules("add", ...) after adding the control to DOM does not work since I don't get the right format for the rules. Has anyone tried doing that (returning the rules with JSON and adding to a dynamic control)?
I am trying to validate a form with a couple of elements being required if a checkbox is NOT checked. Now if I submit the form the rules fire - and then I check the checkbox on - the validation rules have already fired - and even though the checkbox is now checked - the validation rules still apply and the form will not submit until I enter the fields.What I was hoping was that the checkbox could toggle the rules on or off.
var validator = $(".cmxform").validate({ rules: { txtAddress1: {
I'm quite new to Jquery, so I need some sort of advice. I'm working on a webbased application with a webservice. First it was a simple html site, but later I started using Jquery. Data is inserted in some forms, this I can easily validate through the validator. Now after all the data is ok, it's send to the webservice through the C#-code. Some calculations are being made with the data and a dataset is returned. Now some errors can occur while doing the calculations. I can't get some manual error in the errorbox of the validator. Is it possible to let the validator run some c#-function so I can see if the data is correct? Or can I set a unvisible checkbox to true/false through the c#-code so the validator check this box? A problem with both is, that the validator runs when I click on the "Next"-button. After the validaton, the function starts, so if I set the checkbox to false, the validator won't even notice. Anyone knows a handy approach for this?
I've seen tons of things for fixing it with IE6 but some of my users are getting this with IE8.I don't see too many answers to problems with this plugin is it not being supported anymore?I also see that the version on the jQuery site is 1.5.5 and the version on the author's site is 1.8.1; does this mean that the author isn't keeping things here updated and thus isn't supporting the product via these channels like he says on his site?
My client is using the following script to validate a form : -
[URL]
I want to be able to validate a Postcode by matching a regular expression (using this script). There is no default option with this jQuery script to do so. My question is can I add such a custom regex to this script?
I have only ever written validation in "normal" JS before. Also I would like the JS regex to match the existing one serverside (PHP):
I have the following html, field xxx requires a number from 0 to 100 when percentage is selected, and 0 to inifinity when dollar is selected.what's the best practice to setup validation for this?the key is to control the maximum value.I have tried depends expression in a max rule, but it doesn't seem that it can satisfy my requirement.
Could anyone please explain why my validation doesn't work? When I use only predefined validation methods everything seems to be fine, but when I use a custom method it doesn't do anything until I click submit and then cancels the submit with "$.validator.methods[method] is undefined". The debugger does never jump into the "noBefore" method, I got a breakpoint at the first line. I've tried to write the "notBefore" in quotes in the rules but that doesn't seem to help either.Everything seems to be right, though.
I have this php page that we load in an iFrame, calls a js file with validator working on it, worked fine forever, still works fine.I made a copy of this page for another iFrame, same js files, same fields, almost identical basically accept that the labels and fields are now arranged in a table instead of paragraphs for a different look and feel. On this page though, when I do something that calls invalidHandler (like leave out a required field) I do get the error, but the page still submits! I have tried everything, and its driving me nuts. When I use the console in the browser (by hitting the submit button and then quickly hitting the stop button) it shows that invalidHandler ran, found 1 invalid field, then submitHandler ran!
