Mootools Formcheck: Custom Function for Selectbox

Question

I have problem with Mootools formcheck js when applying custom function to Selectbox field. Custom Function will be work fine with Text Field, but Selectbox is NOT.

My dummy code of Custom Function:

var customFunc = function customFuncF(el) {
    el.errors.push('Custom function!!!');
    return false;
};

And There are a simple form that I apply to a text field:

and

<input type="text" class="validate['%customFunc']" id="User_lastName" name="User[lastName]" >

-> It works fine with text field.

But when I apply custom function to Selectbox field, example as Office list in my simple form, it's seems not work and always returns true. My example code for Selectbox

<select id="User_officeId" class="validate['%customFunc']" name="User[officeId]" >
    <option selected="selected" value="">-Select Office-</option>
    <option value="1">Office A</option>
    <option value="2">Office B</option>
</select>

How can I apply custom function to Selectbox field?

Thanks,

Answer 1

It was caused by your validate which excludes the keyword 'required'. In fact, the custom function works.

But in function 'manageError':

manageError : function(el, method) {
    ...
    } else if ((isValid || (!el.validation.contains('required') && !el.value))) {
        this.removeError(el);
        return true;
    }
    return true;
},

As no 'required' and no value in here, the pushed error was be removed. :(

You can add the word 'required' into validate[] or setup the value of first option to 0 instead of blank.