asp.net client side validation if textbox is empty ?

Question

Hi

Well what i required is

Let us say i have a two textbox's and just a button .. when ever user don't enter anything in textbox1 and using tab or whatever key board or mouse click to text box .. straight away user should be Alerted with a message or textbox1 background color getting red

The focus should not get out of the textbox1 until user type something in it .

Can any one help me .. using javascript , on blur functionality ...

PS: I can use requiredfield validator but i dont want to user server conrols more .. so ..

YOUR HELP IS DEARLY APPRECIATED

Ty everyone

Anubhav Chaudhary · Answer

Your Problem is solved function onLeave(_input) { var check = _input.value; if (check.length _input.focus(); } }

Pravin Shukla · Answer

Hi Sunil I think the best way to check the validity and keep the focus in the text box until user input something in it will be use the below java script method onblur event o text box. function CheckNullOrEmpty () { var inputText = document . getElementById ( text1 ). value ; var textLength = inputText . length ; if ( textLength == 0 ) { alert ( show your message ); document . getElementById ( text1 ).background=#FF0003 //change it to right color code document . getElementById ( text1 ). focus (); } }

Anubhav Chaudhary · Answer

Hey Sunil You can do it like this: function onEnter(_input) { _input.style.backgroundColor =yellow; } function onLeave(_input) { _input.style.backgroundColor =; }

SUNIL GUTTA · Answer

Sorry for late reply due to internet connection issue's . :) oh yes abhi ..!! its is dam perfect :) cant expect better than this . very short and awesome . Ty for your valuable time friend Have a nice day

Anubhav Chaudhary · Answer

Please let me know whether My solution solved your problem or not

SUNIL GUTTA · Answer

Humm ty for nice code :) nice one ... But it does not solve my issue ?? i want single function to be validated for multiple textboxes and display a error message and should not leave focus if i dont enter anything and try to leave ..

SUNIL GUTTA · Answer

Uff finally done with both you guys help ty buddies Just given this in page_load () TextBox1.Attributes.Add(OnBlur CheckNullOrEmpty1()); TextBox3.Attributes.Add(OnBlur CheckNullOrEmpty3()); But still some duplication issue exists  any advices .. actually by seeing above u can come to know i created same function code with just change in function name .. .. Is there any way i can write function one time and use it for multiple textboxes ?? i.e same required field validation code as mentioned for multiple textboxes .. Ty again & again

SUNIL GUTTA · Answer

Ty anubhav for your concerned reply Well javascript does work as client side script that too we have to use it if i am not wrong .. In the above code there is just code looks great but inorder to function there should be something additional i feel like the code should be attached to textbox1 in some way or other.. Well tried ur suggestion .. after excecuting nothing happened .. we haven't called the function we created on textbox loosing focus Any expert suggestions from you friend :) Ty for help

Anubhav Chaudhary · Answer

Hey Sunil Write the code provided by Pravin in tag this tag will come in head section of your page. Just remember one thing that Pravin code is using textbox with id =text1 so you can either change your textbox id to text1 or you can change text1 with the id of your Textbox. Also Apply onBlur=x() to your textbox (here x() is the function of javascript).

SUNIL GUTTA · Answer

Hi friend Well ty for reply . But how to attach that function u created to my text box in my webform.. And also how to attach same thing to multiple textboxes Ty