Using jquery Dialog with the Validation plugin

Question

Is it possible to use the validation plugin in a dialog like this? I have a page with 2 parts , Master and detail, in the first one I'm already using validation and is in the second one, the detail part, which is very similar to the example I mentioned above , where I'd like to use the validation plugin, but if it is not possible, would you mind telling me how I can allow only positive numbers (integers and decimals) ?

***EDITED

I've just found this regular expression: /^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:.\d+)?$/ ,but it allows positive and negatives.What changes do I have to make to allow only positive numbers??

@Matt. I know that, but I'm trying to use the checkRegexp function , that's why I need the regular expression. — eddy
– eddy, Commented Dec 16, 2010 at 16:47
@eddy: I edited my answer w/r/t the regex. I'm still not sure why you're using checkRegexp() to validate a number though. You can just combine number() and min(). — Matt Ball
– Matt Ball, Commented Dec 16, 2010 at 16:51
@Matt:Of course I can use those functions. Actually, I'm already using them in my Master form, but it's just that I have no idea how to validate more than one form, specially if one of them is a dialog — eddy
– eddy, Commented Dec 16, 2010 at 17:11
@Matt:I'll be very thankful ,if you could give me some guidance on how to do it — eddy
– eddy, Commented Dec 16, 2010 at 17:18

Matt Ball · Accepted Answer · 2010-12-16 16:50:43Z

2

Of course it is possible. You just need to programmatically trigger form validation when the dialog is closed, and prevent it from being closed if validation fails:

var valid = $("#myform").validate().form();
if (valid)
{
    // allow the dialog to be closed
}
else
{
    // keep the dialog open
}

http://docs.jquery.com/Plugins/Validation/Validator/form

In fact, the demo you linked uses (custom) validation. Have a look at the JS source - actual validation logic aside, it's not too different from what your code will do.

You should just need to remove the first -? to make that regex allow only positive numbers:

/^(?:\d+|\d{1,3}(?:,\d{3})+)(?:.\d+)?$/

edited Dec 16, 2010 at 16:50

answered Dec 16, 2010 at 4:25

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

eddy Over a year ago

Ok, but is it possible to do this: $("#MaterForm").validate() ; $("#DialogForm").validate() ; ?? I'm not sure :(

Matt Ball Over a year ago

@eddy: what do you mean, "is it possible"? Sure, you can validate multiple forms programmatically - but that's not what that code does. What exactly are you trying to do? What hasn't worked, and in what way?

Collectives™ on Stack Overflow

Using jquery Dialog with the Validation plugin

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related