Issue in Validator

[gokulParticipant]

Hai There,

I have some issue when using Validator control. Assume that I have a registration page, like http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxvalidator/index.htm?(web)#demos/jqxvalidator/defaultfunctionality.htm

If I click submit button with enter those values, validator will give the tooltip to show the error message.

This is OK. but if have more number of control its giving somewhat bad look. So is there any way to remove (or like as optional) those tooltip  and make the control border as red color.

This somewhat feel good.

Can you please give me a suggestion to achieve this.?

Thanks, – Gokul.

[Peter StoevKeymaster]

Hi Gokul,

You can see the Error Labels demo. It works with Labels, not with Tooltips so if you don’t like the tooltips, this could be better for you.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[gokulParticipant]

Hai Peter,

Thanks for your prompt reply.

Just now I check the Error Label demo (http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxvalidator/index.htm#demos/jqxvalidator/validation-label.htm)

This demo is not working, I am not see any difference after click the Send button.

Is it working?

Thanks
– Gokul

[Peter StoevKeymaster]

Hi Gokul,

The demo is working fine. I do not see any problem in it.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[gokulParticipant]

Hai Peter,

Thanks for you reply.

Now I have another one concern,

See the below code,

$(‘#frmRegister’).jqxValidator({
hintType: ‘label’,
focus: true,
position: ‘right’,
rules: [
{ input: ‘#txtFirstName’, message: ‘Username is required!’, action: ‘keyup, blur’, rule: ‘required’ },
{ input: ‘#txtLastName’, message: ‘Lastname is required!’, action: ‘keyup, blur’, rule: ‘required’ }
]
});

I specified hintType as ‘label’ and position as ‘right’. But the error message showing the bottom of the control (textbox) only, not in the right side of the control.

Thanks
Gokul

[Peter StoevKeymaster]

Hi Gokul,

Label is not a Tooltip so when it is inserted after your box, if there’s not enough space, it will be displayed below it. In short, you should not set “position” when hintType is “label”.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts