Help with jQuery validation

Question

I'm having a problem coding for a form validation. I'll post the code below. Basically i want the form to submit if cboAction is on another selection.

cboAction has three values, [Select], Insert and Search. So if Insert is selected in the combobox then the form should validate using jquery else if Search is selected then the form should get submitted. I tried putting an if statement in there but it didn't work. :(

Btw the form validation works, its just that i can't get the above working. Hope to hear from someone.

Thanks

jQuery.validator.addMethod(
            "selectOption",
            function(value, element) {
                if(element.value == "nothing") {
                    return false;                       
                } else {
                    return true;
                }
            },
            "Please select an option."
        );

        $(document).ready(function() {              
            $("#authorForm").validate({                 
                rules: {                                                        
                        cboAction: {selectOption:false}
                        txtName: {required:true},
                        txtStreet: {required:true}  
                        txtTown: {required:true},
                        cboState: {selectOption:true},
                        txtPostcode: {required:true},
                        txtMobile: {required:true},
                        txtEmail: {required:true, email:true}                               
                },
                messages: {
                    cboAction: "Please select an action"                                                        
                    txtName: {required: "Author's Name is a required field"},
                    txtStreet: {required: "Street is a required field"}                         
                    txtTown: "Town is a required field",
                    cboState: "Please select a state",
                    txtPostcode: "Postcode is a required field",
                    txtMobile: 
                    {
                        required: "Mobile is a required field",
                        email: "Please enter a valid email adress"
                    }
                }           
            });
        });

GJ. · Accepted Answer · 2010-11-04 13:22:31Z

1

You will have to trigger the validation manually:

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

First prevent validation on submit:

$("form").validate({
    onsubmit: false
});

Add submit handler to test cboAction.

$('form').submit(function(event){
    if ($('#cboAction').val() == 'insert' && !$('form').validate().form()){
        return false;
    }
    return true;
});

edited Nov 4, 2010 at 13:22

answered Nov 4, 2010 at 13:16

GJ.

3361 gold badge3 silver badges8 bronze badges

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

Comments

Mahie · Accepted Answer · 2010-11-04 14:40:08Z

This is what made it work.

        jQuery.validator.addMethod(
            "selectOption",
            function(value, element) {
                if(element.value == "nothing") {
                    return false;                       
                } else {
                    return true;
                }
            },
            "Please select an option."
        );

        $(document).ready(function() {                              

            $("#authorForm").submit(function(event){
                if($("#cboAction").val() == "insert" && !$("#authorForm").validate().form()){
                    return false;
                }
                return true;
            });

            $("#authorForm").validate({
                onsubmit: false,
                rules: {                                                        
                        //cboAction: {selectOption:false},
                        txtName: {required:true},
                        txtStreet: {required:true}, 
                        txtTown: {required:true},
                        //cboState: {selectOption:true},
                        txtPostcode: {required:true},
                        txtMobile: {required:true},
                        txtEmail: {required:true, email:true}                               
                },
                messages: {
                    //cboAction: "Please select an action",                                                 
                    txtName: {required: "Author's Name is a required field"},
                    txtStreet: {required: "Street is a required field"},                    
                    txtTown: "Town is a required field",
                    //cboState: "Please select a state",
                    txtPostcode: "Postcode is a required field",
                    txtMobile: "Mobile is a required field",
                    txtEmail:
                    {
                        required: "Email is a required field",
                        email: "Please enter a valid email adress"
                    }
                }           
            });
        });

Collectives™ on Stack Overflow

Help with jQuery validation

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