But still, would be easier if the input itself had an error class.

On Monday, January 16, 2012 3:33:30 PM UTC-5, rochacbruno wrote:
>
> *include this in the page where you have the form*
>
> <script>
> jQuery(function(){
>     jQuery(".error").prev().css({"border":"1px solid red"});
> });
> </script>
>
> *There is a css way for doing this (but not all browsers support css 
> siblings ~*
>
> <style>
> .error~input, .error~select, .error~textarea {
>     border: 1px solid red;
> }
>
> </style>
>
> On Mon, Jan 16, 2012 at 6:25 PM, David <[email protected]> wrote:
>
>> Sorry for not being clear;
>>
>> I meant if the field has an error obviously.
>>
>> After form validation, the ie. input would have an error class
>>
>> This would be useful for styling the fields with say "red borders"
>>
>> Alternatively if there is generic way to handle this I would appreciate 
>> it.
>>
>> Thanks.
>>
>>
>>
>>
>> On 1/16/12 2:26 PM, Massimo Di Pierro wrote:
>>
>>> Why do you want to add an "error" class to the input? The error class
>>> is normally used for inputs. Perhaps I do not understand.
>>>
>>> On Jan 15, 7:40 pm, David<[email protected]>  wrote:
>>>
>>>> I was thinking about the form validation.
>>>>
>>>> I thought that it may be useful to include an "error" class on the input
>>>> widget when the form is submitted and has invalid data.
>>>>
>>>> ie.
>>>>
>>>> from
>>>>
>>>> <divclass="w2p_fw">
>>>> <inputid="auth_user_password"**class="password"type="**password"value=""name="p
>>>>  
>>>> assword">
>>>> <divid="password__error"class=**"error"style="display: block;">too 
>>>> short</div>
>>>> </div>
>>>>
>>>> to
>>>>
>>>> <divclass="w2p_fw">
>>>> <inputid="auth_user_password"**class="password
>>>> error"type="password"value=""**name="password">
>>>> <divid="password__error"class=**"error"style="display: block;">too 
>>>> short</div>
>>>> </div>
>>>>
>>>> Notice the error is the class of the input.
>>>>
>>>> I think this would be very useful and don't think it would break any
>>>> backwards compatibility.
>>>>
>>>> Thanks.
>>>>
>>>
>>
>
>
> -- 
>
> Bruno Rocha
> [http://rochacbruno.com.br]
>
>

Reply via email to