JQuery :: Validate - Setting Rules Based On ID Instead Of Name?
Mar 31, 2010
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 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.
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 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 am using jquery validation plugin successfully to validate certain fields against my server. The thing is sometimes user types too fast, and the validation plugin sends the word if not equal to the previously sent word. This causes some problems with my mod-evasive that I run in apache. Is there anyway to slow down these requests, or say post to server each 300ms. The jquery UI autosuggest has this feature, where you can set a delay time.
I would like to set the height of certain #div elements on a page based on the height of the user's current window state. It should draw the elements based on the size of the window at onLoad, and also respond to the onResize event.
Instead of using alert, I've tried simply assigning sBox.options.length to throwaway variable, but I end up with the same results as the first snippet.
Info:- jquery-1.3.2- jquery.validate-1.5.5- form with 1 dropdown select and 4 text inputsSetup:- all 4 text fields are not initially required.Issue:The first input element is a required dropdown select.If the user selects option 1, then text field 1 & 2 need to be required.If the user selects option 2, then text field 3 & 4 need to berequired.How do code this?
I have a drop down menu with options. Is there a faster way to display a tool tip based on the value of the <option> tag other than having to manually set title="" for each <option> tag?
How to send after validation is performed? 3. This should mean sending form when name="form1" is clicked. Is it if sentence correct set with name form1?
Application is: [URL]
Version 1.7. Now is sending when I click on button but it should send values and after validation is made.
I've got the following code snippet in a function to set a coockie based on whether or not the user selects a checkbox. Using an alert the cookie text looks fine but when I go to retrieve the values the only one it can find is the value for user. I've a few different things and none of them seem to work. I'm getting the same thing in both IE and Firefox. The only cookie listed is the 'user' with the proper expiration date. Code:
I'm using PHP / MySQL / javascript (very new to javascript)I'm looking to set the value of a textfield based on the name (NOT value) of a drop-down. The drop-down is created dynamically from a recordset (see code below):
<select name="mainStory" id="mainStory"> <?php do { ?>[code].....
Is there a way to use Javascript to read a txt file, take all the words in the txt file one by one, then create a cookie out of each of them? Ideally, I'm also looking to create a prompt which asks the user if they want to set the cookie each time.The purpose of this is that I'm looking to create some basic browser based games (with information stored in txt files), so it doesn't have to be a script which works online. Everything is just run offline. If it makes a difference, it can also be, say, a doc file rather than a txt.I understand the idea of using activeX & IE to read the txt file, and after looking through this forum, I have found a way to load the entire txt into a form. I have not been able to advance my idea beyond that however.I've used Javascript before many times for webpages, but it generally comes down to me copying and pasting code, then just changing a few keys words. What I'm quickly trying to say there is that I can use js, but I'm not that much of an expert.
I'm trying to do something that is slightly complex and I can't find any relevant examples in the usual places,I'm pulling a list of projects (and their IDs) into a select:
I have a content slider called "Codaslider" (ver 1.1 I believe) setup, and using CSS I have an absolute positioned image hovering above the slider at all times. The effect is what I want, where I have a static image of my company's product hovering above the content slider, and the background images slide around showing various features and such.
I would like to make it where the customer can click anywhere within the bounds of the content slider (including on top of the static image), and be able to follow the link for the image in the content slider.
For example, if the background image shows "New Features" or something similar, I want the customer to be able to click anywhere and get to the "New Features" page.
So basically, is there a way to dynamically set the URL that the static overlaid image points to, based on what page the content slider is on?
Here is the javascript that setups up the content slider:
Code javascript: <script type="text/javascript"> var theInt = null; var $crosslink, $navthumb;
I am trying to come up with a script that will validate a radio group based upon the status of a checkbox.If box is checked radio button is required else it can stay false.here is as far as I have gotten so far. just a basic if statement but i need to incorporate the check box
Code:
function validate_form ( ) { valid = true;[code]......
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).
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'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 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" }}}); })
