Question

108

jQuery validation on select box not working

rated 0 times [ 112] [ 4] / answers: 1 / hits: 18639 / 12 Years ago, wed, december 19, 2012, 12:00:00

I am using jQuery validation plugin for client side validation, but my validation does not work on my select box.

HTML

<select id=select class=required>

    <option value=-1>Choose</option>

    <option value=child>test2</option>

</select>

JavaScript

$(#formid).validate({

    select: {

        required: function(element) {

            if ($(#select).val() == '-1') {

                return false;

            } else {

                return true;

            }

        }

    }

});

How do I get this working?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

leslijessalyng

Add To Favorites

Follow

Total Points: 650

Total Questions: 85

Total Answers: 109

Location: Croatia

Member since Mon, Sep 6, 2021

3 Years ago

leslijessalyng questions

1 Vue dist path for CSS and JS not found

Fri, Feb 21, 20, 00:00, 4 Years ago

1 How do I loop through multiple pages in an API?

Tue, Jul 30, 19, 00:00, 5 Years ago

1 ReactJS and autofocus

Fri, Jul 5, 19, 00:00, 5 Years ago

1 How to fix The message port closed before a response was received. after window.location.reload() in javascript

Wed, Apr 3, 19, 00:00, 5 Years ago

1 TypeError: $ .find is not a function

Wed, Mar 13, 19, 00:00, 5 Years ago

View All

answered 12 Years ago devane · Accepted Answer

A simple way to fix this problem is to give the non valid option the value of . Then simply call validate on your form and it will not submit when Choose is selected.

HTML

<form id=formid>

    <select name=select class=required>

        <option value=>Choose</option>

        <option value=child>test2</option>

    </select>



    <input type=submit />

</form>

JavaScript

$(#formid).validate();

Demo