How do I make my dropdowns (form:select) required with Spring and Dojo?

戏子无情 提交于 2019-12-24 14:48:48

问题


How do I make my dropdowns (form:select) required with Spring and Dojo?. I am working on a Spring project with Dojo to make my pages look nice. I have the input fields working but now one of my pages has a dropdown on it. How can I make the dropdown like the my dojo inputs and how do I make it required. please see code below...

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>


<script type="text/javascript"
    src="<c:url value="/resources/dojo/dojo.js" />">

</script>
<script type="text/javascript"
    src="<c:url value="/resources/spring/Spring.js" />">

</script>
<script type="text/javascript"
    src="<c:url value="/resources/spring/Spring-Dojo.js" />">

</script>

<link type="text/css" rel="stylesheet"
    href="<c:url value="/resources/dijit/themes/claro/claro.css" />" />


<script type="dojo/method" data-dojo-event="onSubmit">
        if(this.validate()){
            return confirm('Form is valid, press OK to submit');
        }else{
            alert('Form contains invalid data.  Please correct first');
            return false;
        }
        return true;
    </script>


<html>
<head>
<title>Spring 3.0 MVC - Web Flow Example</title>
</head>
<body class="claro">
    <h2>Customer Registration</h2>

    <form:form commandName="customer">
        <input type="hidden" name="_flowExecutionKey"
            value="${flowExecutionKey}" />
        <div id="container">
            <table>
                <tr>
                    <td><b>Active</n></td>
                    <td><form:radiobutton tabIndex="1" value="A" path="type"
                            id="A" /></td>
                </tr>
                <tr>
                    <td><b>Retired</b></td>
                    <td><form:radiobutton tabIndex="2" value="R" path="type"
                            id="R" /> <script type="text/javascript">
                                Spring
                                        .addDecoration(new Spring.ElementDecoration(
                                                {
                                                    elementId : 'A',
                                                    widgetType : "dijit.form.RadioButton",
                                                    widgetAttrs : {
                                                        value : "A",
                                                        required : true
                                                    }
                                                }));
                                Spring
                                        .addDecoration(new Spring.ElementDecoration(
                                                {
                                                    elementId : 'R',
                                                    widgetType : "dijit.form.RadioButton",
                                                    widgetAttrs : {
                                                        value : "R",
                                                        required : true
                                                    }
                                                }));
                            </script></td>
                </tr>
                <tr>
                    <td><font color=red><form:errors path="sex" /></font><b>Sex:
                    </b></td>
                    <td><form:select path="sex">
                            <option value="MALE">MALE</option>
                            <option value="FEMALE">FEMALE</option>
                        </form:select> <script type="text/javascript">
                            Spring.addDecoration(new Spring.ElementDecoration({
                                elementId : "name",
                                widgetType : "dijit.form.ValidationTextBox",
                                widgetAttrs : {
                                    promptMessage : "Enter Name",
                                    required : true
                                }
                            }));
                        </script> <br />
                        <p></td>
                </tr>
                <tr>
                    <td><font color=red><form:errors path="name" /></font><b>Name:
                    </b></td>
                    <td><form:input path="name" class="value" /> <script
                            type="text/javascript">
                        Spring.addDecoration(new Spring.ElementDecoration({
                            elementId : "name",
                            widgetType : "dijit.form.ValidationTextBox",
                            widgetAttrs : {
                                promptMessage : "Enter Name",
                                required : true
                            }
                        }));
                    </script> <br />
                        <p></td>
                </tr>
                <tr>
                    <td><font color=red><form:errors path="phoneNumber" /></font>

                        <b>Phone number: </b></td>
                    <td>
                        <div class="span-7 last">
                            <form:input path="phoneNumber" />
                        </div> <script type="text/javascript">
                            Spring
                                    .addDecoration(new Spring.ElementDecoration(
                                            {
                                                elementId : "phoneNumber",
                                                widgetType : "dijit.form.ValidationTextBox",
                                                widgetAttrs : {
                                                    required : true,
                                                    invalidMessage : "A 16-digit credit card number is required.",
                                                    regExp : "[0-9]{16}"
                                                }
                                            }));
                        </script> <br />
                    </td>
                </tr>
                <tr>
                    <td><font color=red><form:errors path="address" /></font> <b>Address:
                    </b></td>
                    <td><form:input path="address" /> <script
                            type="text/javascript">
                        Spring.addDecoration(new Spring.ElementDecoration({
                            elementId : "address",
                            widgetType : "dijit.form.ValidationTextBox",
                            widgetAttrs : {
                                promptMessage : "Enter Address",
                                required : true
                            }
                        }));
                    </script> <br /></td>
                </tr>
                <tr>
                    <td><font color=red><form:errors path="city" /></font> <b>City:
                    </b></td>
                    <td><form:input path="city" /> <script type="text/javascript">
                        Spring.addDecoration(new Spring.ElementDecoration({
                            elementId : "city",
                            widgetType : "dijit.form.ValidationTextBox",
                            widgetAttrs : {
                                promptMessage : "Enter City",
                                required : true
                            }
                        }));
                    </script> <br /></td>
                </tr>
                <tr>
                    <td><font color=red><form:errors path="state" /></font> <b>State:
                    </b></td>
                    <td><form:input path="state" /> <script
                            type="text/javascript">
                        Spring.addDecoration(new Spring.ElementDecoration({
                            elementId : "state",
                            widgetType : "dijit.form.ValidationTextBox",
                            widgetAttrs : {
                                promptMessage : "Enter State",
                                required : true
                            }
                        }));
                    </script> <br /></td>
                </tr>
                <tr>
                    <td><font color=red><form:errors path="zipCode" /></font> <b>Zip
                            Code: </b></td>
                    <td><form:input path="zipCode" /> <script
                            type="text/javascript">
                        Spring.addDecoration(new Spring.ElementDecoration({
                            elementId : "zipCode",
                            widgetType : "dijit.form.ValidationTextBox",
                            widgetAttrs : {
                                promptMessage : "Enter Zip Code",
                                required : true
                            }
                        }));
                    </script> <br /></td>
                </tr>
            </table>
        </div>

        <input type="submit" name="_eventId_submit" id="submit" value="Submit" />
        <input type="submit" name="_eventId_cancel" value="Cancel" />
        <script type="text/javascript">
            Spring.addDecoration(new Spring.ValidateAllDecoration({
                elementId : 'submit',
                event : 'onclick'
            }));
        </script>
    </form:form>

</body>
</html>

回答1:


It looks like copy/paste bug. First of all you don't have any id in your form:select

<form:select path="sex">

Another thing is that you have wrong id inside your form:select's decorator. You copied it from form:input with id="name".

Spring.addDecoration(new Spring.ElementDecoration({
                                **elementId : "name",**
                                widgetType : "dijit.form.ValidationTextBox",
                                widgetAttrs : {
                                    promptMessage : "Enter Name",
                                    required : true
                                }
                            }));


来源:https://stackoverflow.com/questions/12842546/how-do-i-make-my-dropdowns-formselect-required-with-spring-and-dojo

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!