solid
Feb 24th, 2010, 09:20 PM
I need to mask an input field for the spring input used in Roo. I can't find any documentation on that. How would I implement an input mask?
here is the current view code:
<div id="roo_appUser_phoneNumber">
<label for="_phoneNumber_id">Phone Number:</label>
<form:input cssStyle="width:250px" id="_phoneNumber_id" maxlength="30" path="phoneNumber" size="0"/>
<br/>
<form:errors cssClass="errors" id="_phoneNumber_error_id" path="phoneNumber"/>
<script type="text/javascript">Spring.addDecoration(new Spring.ElementDecoration({elementId : '_phoneNumber_id', widgetType : 'dijit.form.ValidationTextBox', widgetAttrs : {promptMessage: 'Enter Phone Number (Valid format: (999)999-9999)', invalidMessage: 'Invalid Phone Number', required : true}})); </script>
</div>
Here is how I envision it looking:
<div id="roo_appUser_phoneNumber">
<label for="_phoneNumber_id">Phone Number:</label>
<form:input cssStyle="width:250px" id="_phoneNumber_id" maxlength="30" path="phoneNumber" size="0"/>
<br/>
<form:errors cssClass="errors" id="_phoneNumber_error_id" path="phoneNumber"/>
<script type="text/javascript">Spring.addDecoration(new Spring.ElementDecoration({elementId : '_phoneNumber_id', widgetType : 'dijit.form.ValidationTextBox', widgetAttrs : {promptMessage: 'Enter Phone Number (Valid format: (999)999-9999)', invalidMessage: 'Invalid Phone Number', inputMask:'(999)999-9999', required : true}})); </script>
</div>
Is that possible? How do I implement an input mask?
here is the current view code:
<div id="roo_appUser_phoneNumber">
<label for="_phoneNumber_id">Phone Number:</label>
<form:input cssStyle="width:250px" id="_phoneNumber_id" maxlength="30" path="phoneNumber" size="0"/>
<br/>
<form:errors cssClass="errors" id="_phoneNumber_error_id" path="phoneNumber"/>
<script type="text/javascript">Spring.addDecoration(new Spring.ElementDecoration({elementId : '_phoneNumber_id', widgetType : 'dijit.form.ValidationTextBox', widgetAttrs : {promptMessage: 'Enter Phone Number (Valid format: (999)999-9999)', invalidMessage: 'Invalid Phone Number', required : true}})); </script>
</div>
Here is how I envision it looking:
<div id="roo_appUser_phoneNumber">
<label for="_phoneNumber_id">Phone Number:</label>
<form:input cssStyle="width:250px" id="_phoneNumber_id" maxlength="30" path="phoneNumber" size="0"/>
<br/>
<form:errors cssClass="errors" id="_phoneNumber_error_id" path="phoneNumber"/>
<script type="text/javascript">Spring.addDecoration(new Spring.ElementDecoration({elementId : '_phoneNumber_id', widgetType : 'dijit.form.ValidationTextBox', widgetAttrs : {promptMessage: 'Enter Phone Number (Valid format: (999)999-9999)', invalidMessage: 'Invalid Phone Number', inputMask:'(999)999-9999', required : true}})); </script>
</div>
Is that possible? How do I implement an input mask?