Masking Text box

Suite and Optimus Suite 5
#1

Dear Support Team!

There is any chance to apply masking to textbox or error message like in ADOBE “SPRY” ?

Thanks for your help

#2

Hello,

form support validation. Please have a look at the sample:

form/samples/06_data/04_save_validation.html

Also you may set onBeforeChange event handler for the input. If the handler doesn’t return true, the previous value will be set:

myForm.attachEvent(“onBeforeChange”,function(id,value,newValue){
if(…)
return true
return false
})

#3

Thanks for your fast help, but I think lik this:

<form id="form2" name="form2" method="get" action="TextfieldValidationSample.html">
    <label for="text4">Date1:</label> 
		<span id="date1">
				<input type="text" name="text4" id="text4" />
		<span class="textfieldRequiredMsg">The value is required.</span>
		<span class="textfieldInvalidFormatMsg">Invalid format.</span>
</span>
 
		

    <label for="text5">Date2:</label> 
		<span id="date2">
				 <input type="text" name="text5" id="text5" />
	    <span class="textfieldRequiredMsg">The value is required.</span>
	    <span class="textfieldInvalidFormatMsg">Invalid format.</span>
</span>
 
		

    <label for="text6">Date3:</label>
		<span id="date3">
					<input type="text" name="text6" id="text6" />
					No Masking
		<span class="textfieldRequiredMsg">The value is required.</span>
		<span class="textfieldInvalidFormatMsg">Invalid format.</span>
</span>
 
		

    <label for="text7">Time1:</label>
		<span id="time1">
					<input type="text" name="text7" id="text7" />
		<span class="textfieldRequiredMsg">The value is required.</span>
		<span class="textfieldInvalidFormatMsg">Invalid format.</span>
</span>
 
		

		<input type="submit" name="submit2" id="submit2" value="Submit" />
</form>
 
<script type="text/javascript"> 
<!--
var date1 = new Spry.Widget.ValidationTextField("date1", "date", {format:"mm/dd/yyyy", hint:"mm/dd/yyyy", validateOn:["blur", "change"], useCharacterMasking:true});
var date2 = new Spry.Widget.ValidationTextField("date2", "date", {format:"yyyy-mm-dd", hint:"yyyy-mm-dd", validateOn:["blur", "change"], useCharacterMasking:true});
var date3 = new Spry.Widget.ValidationTextField("date3", "date", {hint:"mm/dd/yy", validateOn:["blur", "change"], useCharacterMasking:false});
var date4 = new Spry.Widget.ValidationTextField("time1", "time", {format:"hh:mm:ss tt", hint:"hh:mm:ss tt", validateOn:["blur", "change"], useCharacterMasking:true});
//-->
</script>