Loading...

Search jQuery

Search

jQuery Forum

Screen name:
seezee
About Me:
Owner/Developer Messenger Web Design LLC

seezee's Profile

7 Posts

3 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Exception thrown & not caught: IE7/8
[0Replies]
- 23-Sep-2011 04:40 PM
- Forum: Using jQuery
I just configured a slider in a Drupal 7 test site using the Drupal modules Views Slideshow & Views Slideshow Cycle (v. 7.x-3.0-alpha1). The modules, like many Drupal modules, use jQuery for their functionality.

The slideshow works well in most browsers, but IE8 & IE8+compatibility mode generate the following error (only on the page w/ the slides). The slideshow itself doesn't work in these browsers. Errors for both development & minified shown:
The line in question in the development jQuery code appears to be:
1. finally {
2. fired = [ context, args ];
3. firing = 0;
4. }
I'm not getting this error on other pages that use jQuery, e.g., the accordion on my FAQ page.

Not sure if this is really a script problem or a Drupal problem, but based on the info I have I thought I'd try here first.

[edit] The script debugger shows this:
1. [cycle] options not found, can not advance slide
So maybe this is a Drupal configuration problem, after all.

E-mail validation error in Validation Plugin 1.5.5
[0Replies]
- 11-Feb-2011 01:05 PM
- Forum: Using jQuery Plugins
The version available for download on the plugin's page renders an error on email validation (won't pass any input, valid or otherwise). If you get this error, try installing the latest version.

Validate plugin and Drupal 7
[2Replies]
- 10-Feb-2011 05:29 PM
- Forum: Using jQuery Plugins
I'm trying to add jQuery validate plugin functionality to a D7 form. Here's what I've done so far:
1. Enabled jQuery update module, so we're using jQuery 1.4.2
2. Placed validate plugin in my theme's script folder
3. Created form.js & called both it, and the validate plugin, in my .info file
Here's the initial contents of form.js:
(function ($) {
$(document).ready(function() {
// validate signup form on keyup and submit
var validator = $("#webform-client-form-53").validate({
$("#edit-submitted-contact-first-name").rules("add", {
required: true,
minlength: 2,
messages: {
required: "Required input",
minlength: jQuery.format("Please, at least {0} characters are necessary")
}
});
})
})
})(jQuery);
But, developer tools shows a syntax error at line 6:
$("#edit-submitted-contact-first-name").rules("add", {
The error is an unexpected "(". This is the syntax shown in the documentation, so I don't see what’s wrong here. After some checking, I was able to determine that it's the 2nd "(" that in line 6 that is being flagged.

Thanks for looking,

error not unsetting in validate plugin in dependent field
[0Replies]
- 27-Sep-2010 01:29 PM
- Forum: Using jQuery Plugins
I've got a group of 3 radio buttons, 'foo[]'; if the user selects #foo0, then #fooDetail is not required, but if the user selects either #foo2 or #foo3, #fooDetail is required:
1. var $req = "required";
2. foo: $req,
3. fooDetail: {
4. required: function(element) {
5. return $("#foo1").is(":checked")||$("#foo2").is(":checked");
6. }
7. },
The problem is, if someone selects #foo1 or #foo2, changing the selection to #foo0 doesn't unset the error message on #fooDetail. I've also tried
1. return $("#foo0").not(":checked");
which fails similarly. How to fix?
Thanks,

How to add a class to a dependent field's label (validate plugin)
[0Replies]
- 01-Sep-2010 04:24 PM
- Forum: Using jQuery Plugins
I've got some fields that need to validate only if a previous field returns true. I need to add a class ('required') to the dependent field's label only when that happens, so I can style it (append a red asterisk).
1. rules: {
2. foo: "required",
3. fooOther: {
4. required: function(element) {
5. return $("#foo").val() == "true";
6. }
7. },
css:
1. $('label.required').append(' <span style="color:red;"><strong>*</strong></span>');
How to do?

Thanks,

--cz

datepicker.ui + validate plugin -- triggers 'invalid' when date 1st picked
[1Reply]
- 23-Jul-2010 11:42 AM
- Forum: Using jQuery Plugins
I'm using the datepicker.ui in a form that also uses the validate plugin. The form happens to use the accordion functionality found here, but I've also tested this in a simpler form that uses the standard syntax for both scripts.

When the user initially picks a date using the datepicker, validate runs and flags the input as invalid, even 'though the field is valid. choosing another date, or choosing the date a second time, sets the field to valid. Simplified HTML:
2. <label for="datepicker">Date</label>
3. <input name="datepicker" class="datepicker pageRequired date" type="text" value="Click Me!" />
and JavaScript excerpt, minus some accordion stuff:
2. $.validator.addMethod("pageRequired", function(value, element) {
3. var $element = $(element)
4. function match(index) {
5. return current == index && $(element).parents("#sf" + (index + 1)).length;
6. }
7. if (match(0) || match(1) || match(2) || match(3) || match(4)) {
8. return !this.optional(element);
9. }
10. return "dependency-mismatch";
11. }, $.validator.messages.required)
13. var v = $("#order-form").validate({
14. submitHandler: function() {
15. alert("Submitted, thanks!");
16. }
17. });
I'm still pretty new to JS & jQuery, so any answers may need to be spelled out pretty explicitly.
Thanks for your interest,

--cz

Use regex to match a value in form input
[5Replies]
- 16-Jul-2010 01:07 PM
- Forum: Using jQuery
I'm trying to create a branching form wherein the user selects a date using the datepicker plugin, then, depending on whether they choose a weekday or a Saturday, they are presented with one or the other of 2 select lists to choose the time.

I'm just getting started, and I can't seem to get the regex right. Here's a simplifed version of the relevant part of the datepicker,
1. $(function() {
2. $(".datepicker").datepicker({dateFormat: 'D, mm-dd-yy',buttonText: 'Click Me!', });
3. });
and here's the initial test to see if the chosen date falls on a weekday or a Saturday:
1. $(document).ready(function() {
2. $(':input[name=datepicker]').change(function() {
3. if ($(this).val()!=/^Sat,.*/)
4. {
5. alert('You picked a weekday delivery');
6. }
7. else
8. {
9. alert('Saturday? Are you kidding?');
10. }
11. });
12. });
I guess I don't understand how to use a regex with val(), because I'm getting the 1st alert no matter what date I pick. I've also tried:
1. if ($(this).val()!=/^Sat, \d{2}-\d{2}-\d{4}$/)
with similar results.
Thanks for your interest,

--cz

«Prev
Next »