Question

i have some html textBoxes on my webpage, now i want to validate the textBoxes using javascript, that means if the textBox does not contain valid data, instead of a classic alert popup i want to display a div beside the textBox which contain the invalid data, can anyone tell me how can i get the textBox position and display the div with the error message beside that textBox….

i am using ajax jquery for that page so do not need any server side code.. and no postbacks.
thanks in advance.

Answer 1

you can add that div as an empty div next to that textbox, assign an ID and check, if there are errors change the content of the div

document.getElementById('divforTextBox').innerHTML = 'this filed is wrong!';