Form Validation using Javascript one form different variations

Question

I've been developing a publications application that has a drop down menu where you choose one of the publications types the form then changes(using jquery) to show and hide fields that are required. For example:

Every Publication:   
Title 

Conference:  
Start Date  
End Date

Journal:  
Volume  
Number

What i am wondering is how i could get form validation to work so that it doesn't say one of the journal paper fields are required when the user is inputting a conference paper.
Thanks in Advance,
Dean

Pat · Accepted Answer · 2010-07-30 11:56:13Z

1

You can use the value of the dropdown to determine which validation rules to run:

var type = $('#your-select').val();
if(type == "conference"){
    // conference validation rules
} else if (type == "journal"){
    // journal validation rules
}

Or check if a field is hidden. If no, run validation on it:

if(!$('#your-field').is(':hidden')){
    // run validation
}

answered Jul 30, 2010 at 11:56

Pat

25.7k6 gold badges73 silver badges68 bronze badges

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

Comments

Nealv · Accepted Answer · 2010-07-30 11:54:57Z

0

Validation plugin works on classes?

input type="text" class="validate" ...

If you do a check: if paper = conference paper then remove class from "not more required" fields

answered Jul 30, 2010 at 11:54

Nealv

6,8848 gold badges62 silver badges91 bronze badges

Collectives™ on Stack Overflow

Form Validation using Javascript one form different variations

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related