Create a requiredfieldvalidator dinamically from javascript

Question

Is there any way to create a RequiredFieldValidator directly from JavaScript and assin the validation to a new created textbox, also created from javascript? I know how to create a new textbox or input control, but the RequiredFieldValidator is giving me problems.

Vishal Jadav · Answer

Hi Samanta, You are already creating textboxes (input boxes) from javascript right ? So create one more label next to it with Red color and hide it. naming : txtName for input box and RQName for requiredField or you can assign ids too. As per my assumption you are adding input boxes to a container control like div right ? Then on a button click call a javascript function which will then loop through all input boxes in that div and it the searched input box is blank then unhide the label next to it which has same name prefix RQ. and use return false in function so next code wont execute. Hope it helps. Thanks.

Raja T · Answer

Hello Samanta, Try below code function add() { //Create an input type dynamically. var element = document.createElement("input"); //Create Labels var label = document.createElement("Label"); label.innerHTML = "New Label"; //Assign different attributes to the element. element.setAttribute("type", "text"); element.setAttribute("value", ""); element.setAttribute("name", "Test Name"); element.setAttribute("id", "edName"); element.setAttribute("style", "width:200px"); element.required = true; label.setAttribute("style", "font-weight:normal"); // 'foobar' is the div id, where new fields are to be added var foo = document.getElementById("fooBar"); //Append the element in page (in span). foo.appendChild(label); foo.appendChild(element); document.getElementById("edName").required = true; } Submit

samanta · Answer

Dear sir, I am adding input control by javascript. var txtLangKnwn = document.createElement("input"); txtLangKnwn.type = "text"; txtLangKnwn.id = "txtLangKnwn" ; txtLangKnwn.style['width'] = '100px'; txtLangKnwn.setAttribute("class", "VersionLastUsedRow"); divSkillAddControls.appendChild(txtLangKnwn); How can i add requiredfieldvalidator for this?

Manas Mohapatra · Answer

Try with below code: TextBox txt = new TextBox(); txt.ID = "DynaTextbox"; RequiredFieldValidator rfv = new RequiredFieldValidator(); rfv.ErrorMessage = "Error is for Textbox Control"; rfv.BorderColor = Color.Red; rfv.ControlToValidate = "DynControl"; pnl.Controls.Add(txt); // Add textbox to panel pnl.Controls.Add(rfv); // Add RequiredFieldValidator to panel Go through below link if you want to implement through javascript: http://www.c-sharpcorner.com/UploadFile/manas1/displaying-dynamic-error-message-in-Asp-Net-custom-validator/

Create a requiredfieldvalidator dinamically from javascript

Answers (4)