Here's the JS:
HTML Code:
$("#select_2").hide();
$("#select").click(function(){
if ($("#option_1").not(":selected")){
$("#select_2").hide();
}
if ($("#option_1").is(":selected")){
$("#select_2").show();
}});
The HTML goes something like
HTML Code:
<select id="select">
<option value="something">something</option>
<option value="something else">something else</option>
<option id="option_1" value="option_1">OPTION 1</option>
</select>
I have a form that shows a drop down of choices. If the user selects 'OPTION 1' from the list, they are shown another drop down with more choices. The second drop down is hidden by default and shown only if 'OPTION 1' is selected. This works fine when using the mouse, but the user can tab to this field, choose 'OPTION 1', and the next field does not show because of my onclick event handler. Is there a way I can look for either the keyboard or the mouse?
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 would like to combine a snippet that captures mouse position with onclick to insert one axis of the mouse position into a variable for form use.
I have the mouse position capture part ok.
Tutorial examples of onclick only explore what the author thinks are typical uses of onclick.
So I guess I need to study the rules (or ask) for onclick...
What I envision, conceptually (what follows is not correct language- wise - just look at for concept for now, please).
<A HREF="something" onClick="VAR A=mouseX)";</A>
If mouse is clicked, I want one of the mouse position variables defined by a separate mouse capure script insered into another variable.
Can this be done, and is the HTML or JavaScript standard entry for onclick the place to learn the rules for this, or is it a combinational function that I will no find documentation on?
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 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 have a form with 12 fields. This form submits the information for registering a student for courses that we offer. Currently, it only handles one registration at a time and is kind of clunky.I want to present the user the capability to register more than one person at a time. Essentially adding multiple users' info at once before submitting the form.I also want to have an area above the form that shows a list of people that they enter in a select,which will later be modified to have checkboxes so they may remove them, if needed.
I'm trying to create a search form that will post to one of two different URLs (one internal, one external) depending on the selection of a particular field. For some reason, I've never quite got the grasp of javascript ...Basically, the form has two fields. One is the <input='text'> search field, the second would be a <select> field to indicate the type of search to be made (long story, won't go into details here).So let's say the select field name is 'searchType' and the option values are simply '1' and '2'. here's my miserable failed attempt that I reckon is on the right track but with many errors:
Code:
function checkSelect() { var $internal = 'action="http://www.internalsite.com"'; var $external = 'action="http://www.externalsite.com"';
[code].....
Then in the <form>, I just do an onSubmit="checkSelect()" ?
I have a form with multiple fieldsets which are visible conditionally. There are three submit buttons "Abandon", "Save" and "Save & Continue". Each button should validate specific controls of the form and submit it. I tried setting "onsubmit: false" and checking for "$('#myForm').valid ()" on click of these buttons., but that validates all controls of the form.
I am using a validating form plug in for jquery and I have a question about it. Let this function will be an ex.:
[Code]....
'e' is the name attribute of one form element, but can I choose more elements using jquery (CSS) rules like this: input[name*=e] or how can I do something similar?
Is there any way I can find the CSS rules that were applied to a particular element? This is distinct from computedStyle - for example, in Mozilla, I want to find the actual rules that were applied for font-size, but computedStyle gives me the font-size after weighting it with the user's text size preference.
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.
I am trying to work out how to access unrecognised CSS properties within stylesheets from JavaScript.
Say I have a stylesheet containing the following:
p {border-radius: 20px;}
Now. The CSS3 "border-radius" property is not recognised by any browsers at the moment. In Internet Explorer I can still access the property as follows:
Does anyone know of any way to access unrecognised rules in these engines? Or even better if there are any scripts or plugins available anywhere that will do this for me?
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.
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'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'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)?
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: