Select Box Custom Validation

Question

I have my Select box in following manner, which i cannot change.

<select name='box2' id='box2'>
    <option value="select"> Select </option>
    <option value='hundread'> hundread </option>
    <option value='two'> two </option>
</select>

Now i've to make the validation as required, by keeping class="required" will not help me, coz first element has value as "select". Now is there any way to make validation to not select the 1st element based on selectedIndex.

If you may help me by giving custom class rule which i can put directly on tag like

<select name='box2' id='box2' class="required[---some rule to check selectedIndex is not 0---]">

Answer 1

Why don't you compare the selected value to "select"

$("#box2").val() != "select"

Answer 2

I got the solution, I made below in view

<select name='box2' id='box2' class="MustSelectOpt">

<script type="text/javascript">
    $(document).ready(function() {
        $.validator.addMethod("MustSelectOpt", function(value, element) {
        if(element.selectedIndex <= 0) return element.selectedIndex;
                else return value;
    }, " You must select any Option.");

    $("#axis_placement_form").validate();
  });
</script>

and attached one library to add custom method jquery.validate.js