Ad:

JavaScript / DHTML / AJAX Discussion Thread
Marked Solved
Views: 900

Aug 29th, 2010

Jquery validator - rules with 2 conditions

Expand Post »

Hi, Just looking for a quick hand in a question.

I am using jquery validator for a form and some dynamic fields

I am trying to have some fields required only if 2 conditions have been might, a select box selected and a radio button checked... Here is the code I am trying to get work:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
if ($("input[name='package']").val() != "99" && $("input[name='nameserver_setup']:checked").val() === "SET") {
$(".yearly_ns").each(function() {
$(this).rules("add", { required: true
}); }); }
if ($("input[name='package']").val() != "99" && $("input[name='nameserver_setup']:checked").val() === "SET") {
$(".yearly_ns").each(function() {
$(this).rules("add", { required: true
}); }); }

I have used this code which worked but I am not sure how to go about it with 2 conditions:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
 $(".1to3year").each(function() {
  $(this).rules("add", { 
        required: function(){
		switch($("#package").val()){
        case "1year" :
        case "2year" :
        case "3year" : return true;
        default: return false;
                } } }); });
 $(".1to3year").each(function() {
  $(this).rules("add", { 
        required: function(){
		switch($("#package").val()){
        case "1year" :
        case "2year" :
        case "3year" : return true;
        default: return false;
                } } }); });

Am I not setting the if and && statement up right... Any help appreciated, thanks.

Similar Threads

Adding "validator.addMethod", but dosn't work, any help guys in JavaScript / DHTML / AJAX
form validation using jQuery in MVC in ASP.NET
url-rewriting in PHP
Lets play a little game, rat race game in IT Professionals' Lounge

cjay175

Reputation Points: 10

Solved Threads: 2

Light Poster

Offline

49 posts
since May 2009

Permalink

Aug 29th, 2010

Re: Jquery validator - rules with 2 conditions

You are currently doing:

javascript Syntax (Toggle Plain Text)
if( conditions )
{
   ...
   required: true
   ...
}
if( conditions )
{
   ...
   required: true
   ...
}

If you look closer at your working example, your required is NOT true|false, it is a reference to a function that returns true or false. So, instead of what you have (and is not working) put your conditions in an anonymous function and assign that anonymous function to required:

javascript Syntax (Toggle Plain Text)
	$(".yearly_ns").each(function() {
		$(this).rules(	"add"
						,{	required: function(){
									return (''+$("input[name='package']").val() != '99' && $("input[name='nameserver_setup']:checked").val() == "SET") ;
									} 
						}
					); 
	});
	$(".yearly_ns").each(function() {
		$(this).rules(	"add"
						,{	required: function(){
									return (''+$("input[name='package']").val() != '99' && $("input[name='nameserver_setup']:checked").val() == "SET") ;
									} 
						}
					); 
	});

hielo

Reputation Points: 116

Solved Threads: 243

Veteran Poster

Offline

1,123 posts
since Dec 2007

Permalink

Aug 29th, 2010

Re: Jquery validator - rules with 2 conditions

Thanks a lot,
that makes sense, I have got it working. Just had one more quick question though.

I tried to put an or (||) statement inside the first condition but it isnt working, heres my code now:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
$(".yearly_ns").each(function() {
$(this).rules( "add"
,{ required: function(){
return (($("#package option:selected").val() != '99' || 'promo99') && ($("input[name='nameserver_setup']:checked").val() == "SET")) ;
   } } ); });
$(".yearly_ns").each(function() {
$(this).rules( "add"
,{ required: function(){
return (($("#package option:selected").val() != '99' || 'promo99') && ($("input[name='nameserver_setup']:checked").val() == "SET")) ;
   } } ); });

Quote ...

!= '99' || 'promo99'

seems to break the code, because when I use just

Quote ...

!= '99'

it works fine.

Should I use something with str.search() to search for 99 or am I doing the or statement wrong.

Thanks again for the help I really appreciate it.

cjay175

Reputation Points: 10

Solved Threads: 2

Light Poster

Offline

49 posts
since May 2009

Permalink

Aug 29th, 2010

Re: Jquery validator - rules with 2 conditions

Ok so I found a workaround, not sure why the or (||) statement wasnt working but I decided to put a class instead of getting the value.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
$("#package option:selected").attr("class") != '99'
$("#package option:selected").attr("class") != '99'

Then I just put the class name 99 on the values I wanted to have the condition.

ANyways, thanks a lot for the help,

cjay175

Reputation Points: 10

Solved Threads: 2

Light Poster

Offline

49 posts
since May 2009

Permalink

Aug 29th, 2010

Re: Jquery validator - rules with 2 conditions

you need to EXPLICITLY compare 'promo99' against something as well:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
($("#package option:selected").val() != '99' || $("#package option:selected").val()!='promo99')
($("#package option:selected").val() != '99' || $("#package option:selected").val()!='promo99')

hielo

Reputation Points: 116

Solved Threads: 243

Veteran Poster

Offline

1,123 posts
since Dec 2007

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: javascript web music player control

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Google chrome File upload problem

DaniWeb Message

Cancel Changes

User Name
Password