This site will look much better in a browser that supports web standards, but it is accessible to any browser or Internet device.

taglib-isq Make form easy from JSP

ISQ Demo

This form and javascript code is autogenerated by ISQ

Name:
Last Name:
Username:
Password:
Date of birth: / /
Sex: M F
Do you agree the term and condition?

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>