jsp - How to pass form name to javascript and use it to read form values -
i wanted know how pass form name dynamically , use retrieve form values. used below code.
function validatecbr(form,outagetkt) { var formname = form.name; alert(formname); var cbr1 = formname.cbr11.value; var cbr2 = formname.cbr22.value; var cbr3 = formname.cbr33.value; var cbrnum = cbr1+cbr2+cbr3; if(cbr1.length !=3){ alert("please enter 10 digit account telephone number"); formname.cbr11.focus(); return false; } else if(cbr2.length !=3){ alert("please enter 10 digit account telephone number"); formname.cbr22.focus(); return false; } else if(cbr3.length !=4){ alert("please enter 10 digit account telephone number"); formname.cbr33.focus(); return false; } else { alert("cbrnum "+cbrnum); formname.method="post"; formname.action="/support/residential/outage/serviceoutage?cbrnum="+cbrnum+"&btn="+btn+"&outagetkt="+outagetkt; formname.submit(); } }
the below body content
<body> <%int nc=0; %> <div id="kmu_alerts"> contact me alternative notification phone number1. <%nc++; %> <form name="kmuform<%=nc%>" id="kmuform<%=nc%>" action="javascript:validatecbr(document.kmuform<%=nc%>,'outage');"> <input type="text" name="cbr1" id="cbr11" onpaste="return false;" style="width: 35px;" maxlength="3" size="2" /> <input type="text" name="cbr2" id="cbr22" onpaste="return false;" style="width: 35px;" maxlength="3" size="2" /> <input type="text" name="cbr3" id="cbr33" onpaste="return false;" style="width: 35px;" maxlength="4" size="2" /> <input id="clickme" type="button" value="submit" onclick="javascript:validatecbr(document.kmuform<%=nc%>,'outage');"/> </form> </div> <div id="kmu_alerts"> contact me alternative notification phone number2. <%nc++; %> <form name="kmuform<%=nc%>"> <input type="text" name="cbr1" id="cbr11" onpaste="return false;" style="width: 35px;" maxlength="3" size="2" /> <input type="text" name="cbr2" id="cbr22" onpaste="return false;" style="width: 35px;" maxlength="3" size="2" /> <input type="text" name="cbr3" id="cbr33" onpaste="return false;" style="width: 35px;" maxlength="4" size="2" /> <input id="clickme" type="button" value="submit" onclick="javascript:validatecbr(this.form,'outage');"/> </form> </div> </body>
but code showing "'cbr11.value' null or not object" @ "formname.cbr11.value;" line..
can pls tell me how pass form name js function , use read form values.
var formname = form.name;
formname here string , not htmlformelement object
access form field's values using form object
var cbr1 = form.cbr11.value;
Comments
Post a Comment