This site will look much better in a browser that supports web standards, but it is accessible to any browser or Internet device.
This form and javascript code is autogenerated by ISQ
Code about form:
<%
//Attribute
java.util.LinkedHashMap input = new java.util.LinkedHashMap();
input.put("size","30");
input.put("style","color: red");
pageContext.setAttribute("attr",input);
//Fill values:
java.util.LinkedHashMap mm,gg,yyyy;
mm = new java.util.LinkedHashMap();
gg = new java.util.LinkedHashMap();
yyyy = new java.util.LinkedHashMap();
//Values for day
for (int i = 1; i< 31; i++){
String v = i+"";
String l = (v.length() == 1) ? "0"+v : v;
gg.put(v,l);
}
//Values for month
for (int i = 1; i<= 12; i++){
String v = i+"";
String l = (v.length() == 1) ? "0"+v : v;
mm.put(v,l);
}
//Values for year
for (int i = 1940; i< 2004; i++){
String v = i+"";
String l = v;
yyyy.put(v,l);
}
pageContext.setAttribute("gg_in",gg);
pageContext.setAttribute("mm_in",mm);
pageContext.setAttribute("yyyy_in",yyyy);
if (request.getParameter("fname") != null){
%>
<p>OK! Now you can review/modify your data</p>
<%}%>
<p>
<isq:form name="ISQ_Form" method="get" jsValidation="true">
<table align="center" width="100%">
<tr>
<td>Name:</td>
<td><isq:text name="fname" attributes="${attr}" required="true" jsAlert="Name is mandatory. Please fill it" /></td>
</tr>
<tr>
<td>Last Name:</td>
<td><isq:text name="lname" attributes="${attr}" required="true" jsAlert="Last Name is mandatory. Please fill it" /></td>
</tr>
<tr>
<td>Username:</td>
<td><isq:text name="username" attributes="${attr}" required="true" jsAlert="Username is mandatory. Please fill it" /></td>
</tr>
<tr>
<td>Password:</td>
<td><isq:text name="password" attributes="${attr}"/><td>
</tr>
<tr>
<td>Date of birth:</td>
<td>
<isq:select name="gg" options="${gg_in}" default="">
<isq:option label="--gg--" value=""/>
</isq:select>
/
<isq:select name="mm" options="${mm_in}" default="">
<isq:option label="--mm--" value=""/>
</isq:select>
/
<isq:select name="yyyy" options="${yyyy_in}" default="">
<isq:option label="--yyyy--" value=""/>
</isq:select>
</td>
</tr>
<tr>
<td>Sex:</td>
<td>
<isq:radiogroup name="sex">
M <isq:radio value="M"/>
F <isq:radio value="F"/>
</isq:radiogroup>
</td>
</tr>
<tr>
<td>Do you agree the term and condition?</td>
<td><isq:checkbox name="agreement" value="Y" required="true" jsAlert="You Have to agree the terms!"/></td>
</tr>
<tr>
<td colspan="2" align="center" ><input type="submit" value="Submit" ></td>
</tr>
</table>
<isq:jscheck>
<%--Add a custom jscheck before submitting the form --%>
if (!confirm("Are you sure?")) return false;
</isq:jscheck>
</isq:form>