Error while trying to validate two input boxes at client side.
This is the code i am using to validate two input boxes.
I get an error in the IE which says: <b>'undefined is null or not an object'</b>
function validateInput(){
var noNull = validateNull();
var noNullTwo = validateNullTwo();
if(noNull==true)
{
}
else
{
alert("Enter values");
htmlbevent.cancelSubmit="true";
}
}
function validateNull(){
var startRange;
funcName = htmlb_formid + "_getHtmlbElementId";
func = window[funcName];
var temp1 = eval(func("range_Start"));
startRange = temp1.getValue();
if(startRange == '')
{
return false;
}
else
{
if(startRange.length < 8)
{
alert("Enter the value in proper format");
htmlbevent.cancelSubmit="true";
}
else
{
return true;
}
}
}
function validateNullTwo(){
var endRange;
funcName2 = htmlb_formid + "_getHtmlbElementId";
func2 = window[funcName2];
var temp2 = eval(func("range_End"));
endRange = temp2.getValue();
if(startRange == '')
{
return false;
}
else
{
if(endRange.length < 8)
{
alert("Enter the value in proper format");
htmlbevent.cancelSubmit="true";
}
else
{
return true;
}
}
}
</script>
<hbj:form id="myFormId" >
<hbj:textView id="title" text="Enter Sales Order Search Range" design="HEADER2"/><br><br>
<hbj:label id="lb_SearchStart" text="Start Range:" labelFor="range_Start" />
<hbj:inputField id="range_Start" jsObjectNeeded="true" type="string" required="true" maxlength="25"/>
<hbj:label id="lb_SearchEnd" text="End Range:" labelFor="range_End" />
<hbj:inputField id="range_End" type="string" maxlength="25"/><br><br>
<hbj:button id="submit" text="Search!" tooltip="Click me to Search" onClientClick="validateInput()" onClick="searchPressed" design="emphasized" />
</hbj:form>
</hbj:page>