Form validate with If

Question

I have to validate a form like this:

$('#formfile').validate({
    highlight: function(element) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function(element) {
        $(element).closest('.form-group').removeClass('has-error');
    },
    ignore: '',
    //focusInvalid: true,
    errorElement: 'span',
    errorClass: 'help-block',
    errorPlacement: function(error, element) {
        if(element.parent('.input-group').length) {
            error.insertAfter(element.parent());
        } else {
            error.insertAfter(element);
        }
        element.focus();
    },
    rules: {
        if(country == "INDONESIA") {
            tax: {
                required: true              
            }
        }
    },
    messages: {
        if(country == "INDONESIA") {
            tax: "Please insert file Tax"
        }
    }
});

Can I do that? I want to check if Country is Indonesia or not, and if Country is Indonesia that field must be mandatory. Otherwise, if Country is not Indonesia, that field can be ignored. Any suggestion?

Edit: I forgot I used variable to get Country - var Country = $('#country').val();

with your code as is written, do you see errors in the developer tools console? (the answer is, you do see errors) — Jaromanda X, Dec 19 '16 at 07:28

score 0 · Answer 1 · edited May 23 '17 at 10:30

0

Try this ;)

You could use depends:

...
    rules: {
        tax: {
            required: {
                depends: function(element) {
                    return ($('#country').val() == 'INDONESIA');
                }
            }
        }
    }
...

Jquery validate depend field

edited May 23 '17 at 10:30

Community

1
1

answered Dec 19 '16 at 07:12

itzmukeshy7

2,669
1
21
29

What is not working are you getting any error check console for errors; and update question with latest code you are using; – itzmukeshy7 Dec 19 '16 at 08:39
there's nothing happening or warning. Tax must be fileld. – Wolfzmus Dec 20 '16 at 08:21
It would be easy to debug things if you can create a [jsFiddle](https://jsfiddle.net/); – itzmukeshy7 Dec 20 '16 at 09:26

score 0 · Answer 2 · answered Dec 19 '16 at 07:12

You could use the inline conditional operator to do it:

        rules: {
            country=="INDONESIA" ? 
              {
                  tax: {
                      required: true              
                  }
              } 
              : { }

Form validate with If

2 Answers2