JQuery :: Use The IF ELSE Condition Inside The Rule Function In Validation?
Jun 23, 2011
How to use the IF ELSE condition inside the RUle function in Jquery Validation. I am using one form for some fields are require for option 1 and some fields are require for option 2. Example for the below code I need name and address for option one and name and url for option 2. How to use the IF/Else condition for this.
I have the following code that validates a credit card expiration date, from 2 separate select boxes as being valid. changing this to an addMethod for the validation plug in. I have one that works as validating input from a text input, but would like to understand this method when applied to values of select boxes. Code for change function
I have a form and trying to validate all fields with jquery validation plugin.Every thing is fine except the checkboxes which i create dynamically.[code]how i make a rule which check that if no check box is checked then show error message like above input fileds do.
I have a text input, "Pets" and a checkbox "noPetsHS"."Pets" is required except when "noPetsHS" is checked. My validation rule currently is - and does not work? Pets:{required: "#noPetsHS:checked=false", min:1}"Pets" is usually required, very few select the checkbox, but I don't want "Pets" required if they do.I can find no reference to Rules and testing for absence of check and then requiring the text input.
I have a form and trying to validate all fields with jquery validation plugin.Every thing is fine except the checkboxes which i create dynamically.[code] how i make a rule which check that if no check box is checked then show error message like above input fileds do
I have a select list #technology. Due to some back end processing it's default value is "0" (Please Select) I am trying to write a validation rule to make it required. The problem I'm having is that if you hit submit when it shows "Please Select" which has the value="0" then make a different selection it's not removing the error msg. Also if you hit submit multiple times when it is showing Please Select it just keeps adding the error msg
I've ripped off some script from another site of mine that works fine which checks an input box to see if an email address has been entered when submitting. If it hasn't a prompt is issued asking the user to enter an email address.
It seems to be ignoring the validation rule and just emailing the form anyway, can anyone help? ....
So I created a custom rule following numerous examples out on the web for a dynamic text input, but for some reason it seems to be letting spaces through even though my regexp tests out ok to not match when the value is any combination of spaces...
$.validator.addMethod("noSpace", function(value, element){ return this.optional(element) || /^[a-z0-9][a-z0-9_ ]{0,70}$/i.test(value); }, "Please enter a name starting with either a letter or a digit."); $('#form').validate({ rules: { [Code]...
The odd thing is, it will work if you type in a space followed by a character, but if you type in one space, or one space followed by x number of spaces, it just lets it through like it's valid. But yet when I look at the demos and examples that I pulled this from, they never let those scenarios go through.
I wrote this function to be a change event applied to a checkbox. Now it is apparent I need to use it as a custom validator method, so it runs when you hit "Next" to step through the form. I have all that working, I just can't get the syntax of the rule right.
Here it is as a change event: $( '#MKDPT' ).change( function(){ if( $( '#MKDPT' ).is( ':checked' )){ var checked = false ; .....
And my attempt at a custom validation rule: $ . validator . addMethod ( "MKDPTOnly" , function ( value .....
I have tried several versions, but none is letting the form go to the next step (return true) if the conditions are met.
problem is that these functions seem to pass so fast that ajax queries aren't ready when code passes to startMainCode(). One way I could prevent this is by making ajax_init_global_data() "success" call ajax_init_stuff_1(), and same with stuff_1 -> stuff_2, and finally stuff_2 -> startMainCode().
Still, I was thinking is there a way to write condition in way that when ajax_inits go "success", I could put variables "phase_1_ready = true", "phase_2_ready = true" and "phase_3_ready = true", and finally write something like: if $document.bind(phase_1_ready == true && phase_2_ready == true && phase_3_ready) { startMainCode());
So basically I'm wondering if there is way to bind condition to trigger function, without writing somekind of setTimeout -loop to do the check?
Following have an option in OS: windows/Linux. i only want when user select OS - linux ... then function call otherwise if user select OS - window ... no need to call this function validate() i think it requires if condition in function Validate().... how it is posible to put if condition in function validate()
I would like to execute functions based on the value of a form. This is the code I have. <input type="text" id="posttitle" value="Title" onblur="if(this.value.length == 0) this.value='Title';" onfocus="if(this.value == 'Title') this.value='';"> Now let's say I want to execute the function "myFunction()" onblur if that same condition is met, so not only will it recreate the value "Title" but it will also execute a function afterwards. How can I achieve this? I assumed I'd do something like... onblur="if(this.value.length == 0) this.value='Title' myFunction();" But that did not work.
How to make validation something like in this screen shot attached below.is there any jquery plugin ,will do the validation...Attachmentsvalidation.gifSize : 5.48 KBDownload :389
I'm using the JQuery validation plugin inside a Fancybox window. My contact form appears in the modal popup when the user clicks a link (loaded through an external .html file with the form code), but my problem is that the validation is always skipped and the form is always submitted.The weirdest thing is it works if I put an "alert('...');" before the validation code
I have the follow code: <script type ="text/javascript" > jQuery(document).ready(function() { jQuery('#selectone').change(function() { if(jQuery('#selectone option:selected').text() == 'General'){ jQuery("form[id=search]").attr('action', '/portal/search'); jQuery('form[id=search]').attr('id', 'cse-search-box1'); ..... But, W3C says: Line 150, Column 154: document type does not allow element "input" here because I am using input inside of <script> and it's wrong.
I am having a strange problem with a javascript function that does not return the value but returns the code inside the function. My best guess is that I am incorrectly calling the function hasLandedOn()and jquery is interpeting it. Why is this happening? I highlighted the parts in red.-Tom ReeseThe following is returned NOT the variable imageName.
function hasLandedOn(){ var selectorLoc = $("#selector").offset(); var imageName = "";
I have a simple jquery selector: $('[id^=total_item]') I would like to add a rule so that the upper code would match all elements that don't have 'locked' class (so that it wouldnt match those with class='locked'). How should I add this rule to the selector?
I suppose than my css file has different rules for the same element depending of the media @media print #image { clip: rect(auto, 700px, 1200px, auto);} @media screen #image {clip: rect(auto, 1024px, 700px, auto);} Can I dynamically change the css data "clip" only for the @print media ?
I'm using the jquery validate plugin. And i'm trying to add a new validation rule.
My input field has a complex name eg. name="expiry[year]". So i am selecting the field as outlined in the documentation here:[URL].. The problem, no JS errors & no validation. If i change my input name to name="expiry" it will work, but in this particular scenario this is not an option. Can anyone advise a possible solution to this issue?
I have a case where I want to create a validator that makes use ofalready defined rules.Is it possible to somehow call <pseudocode>$.validator.rules.ruleA('value',element,null)</pseudocode>?
I have added a rule to my form but I can't understand why it does not work! [URL]. This is an example page: the rules is that the check box must be checked and there must be a valid date. From firefox console I can see it returns true or false as I need but the validation does not get triggered. Why is that?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000">
I'm trying to create a new validation rule to check if a button has a class. I try to explain the scenario. I have a button that makes an ajax call to check the availability of a product. When the app loads the button as class "to_check", when the button is clicked an ajax call is fired, a server script return the availability of the product and basing on this answer I change the class of the button from "to_check" to "ok" or "ko". Now I want to validate the button to se if the availability is being checked and is ok, then I wrote this:
Now I want to add this rule to the button with the metadata plugin inside the class name with this syntax: <pre id="line175"><span id="__firefox-tidy-id" style="background-color: rgb(221, 221, 255);"><<span class="start-tag">input</span><span class="attribute-name"> type</span>=<span class="attribute-value">"button" </span><span class="attribute-name">name</span>=<span class="attribute-value">"verifica_disponibilita" </span><span class="attribute-name"> .....