How can I validate both for integers and in a range in a ColdFusion form?

Question

In a CF8 form, I'm using a tag such as the following:

<cfinput 
    type = "Text" 
    name = "Num" 
    value = "0" 
    validate = "range,integer" 
    range = "0,1000" 
    validateAt="onBlur,onSubmit" 
    required = "yes" 
    message = "Invalid Value" 
>

When the field loses focus (onBlur), the input is validated for only the first of the conditions in the validate parameter (it changes when I swap the order).

This is the html / JS code that is auto generated:

<input 
    name="Num" 
    id="Num"
    type="text" 
    value="0" 
    onblur="if( !_CF_hasValue(this, 'TEXT', false) 
    && 
    !_CF_checkrange(this.value,0.0,1000.0, true) 
    ||
    !_CF_checkinteger(this.value, true) )
    { _CF_onErrorAlert(new Array('Invalid Value')); }" 
/>

OnSubmit is handled with separate autogenerated JS and works properly.

Am I doing something wrong? Does CF8 not support validating these two conditions together?

Answer 1

From the generated JS, it definitely looks like it's trying to honor both validations. If it's not working, you may want to debug the JS in Firebug to see what's going on exactly.

Answer 2

Looking at the JavaScript this created, there is an error in the logic.

Currently, it is:

if (!has_value && !in_range || !is_integer) show_error()

but I think it really should be:

if (!has_value || !in_range || !is_integer) show_error()

Since JavaScript short-circuits logical expressions and && takes precedence over ||, the third check in the original expression never gets executed if the other two return true.

From the looks of it, I would tentatively say that this is a bug. Are you missing any CF patches? Maybe this has been addressed already?

Answer 3

If the range/integer validation does not work, you could validate with the regular expression

^1?\d{1,3}$

Which means "beginning of string, optional 1, 1-3 digits, end of string".

Not tested, your miles may vary.