Hi,
I have a javascript function in a aspx page where it creates dynamic textboxes. How do I add an error message to say it is empty. Now, if it is empty and form submit is clicked I get "System.ArgumentOutOfRangeException: Length cannot be less than zero" error. Below is the javascript I have for adding textboxes. Really appreciate some help..Thanks
<script type="text/javascript">
function GetDynamicTextBox(value) {
return '<input name="DynamicTextBox" type="text" id="textbox1" maxlength="8" value = "' + value + '" onkeyup = "ValidateAddTime(this, event.keyCode)" onkeydown = "return ValidateAddTime(this, event.keyCode)" /> ' +
'<input type="button" value="Remove" onclick = "RemoveTextBox(this)" />'
}
function AddTextBox() {
if (document.getElementById("TextBoxContainer").childElementCount < 21) {
var div = document.createElement('DIV');
div.innerHTML = GetDynamicTextBox("");
document.getElementById("TextBoxContainer").appendChild(div);
}
}
function RemoveTextBox(div) {
document.getElementById("TextBoxContainer").removeChild(div.parentNode);
var lblmesg = document.getElementById("<%=lblMesg.ClientID%>");
lblmesg.innerHTML = "";
}
function RecreateDynamicTextboxes() {
var values = eval('<%=Values%>');
if (values != null) {
var html = "";
for (var i = 0; i < values.length; i++) {
html += "<div>" + GetDynamicTextBox(values[i]) + "</div>";
}
document.getElementById("TextBoxContainer").innerHTML = html;
}
}
window.onload = RecreateDynamicTextboxes;
</script>