Vai al contenuto principale

BIN 5tdMP Documentation

  • Author:

  • Version: 15

  • Description: Example of credit card form, Expiration Date option Compact: {MM} / {YY} - ideas taken from http://baymard.com/blog/how-to-format-expiration-date-fields

  • Created: 2014-09-21

  • Modified: 2015-12-20

  • Source:

     Modifica Bin W3C Schema Json-Schema Java Bean Code Default Value as XML

    Printers Embed Responsive 

    <complexType name='CreditCard'
		description='Example of credit card form, Expiration Date option #2 Compact: {MM} / {YY} - ideas taken from http://baymard.com/blog/how-to-format-expiration-date-fields '>
     <field name='NameOnCard' 
	extra:form.caption="Cardholder's name"
	extra:form.explanation='As it appears on the credit card' type='xs:string' >
        <facet name='minLength' value='2'/>
    </field>
    <field name='CreditCardNumber' type='xs:NMTOKEN' 
	extra:form.control='CreditCardNumber' 
	extra:form.explanation='12-19 digits, spaces are allowed' 
	extra:form.placeholder='4111 1111 1111 1111'>
        <facet name='minLength' value='12'/>
        <facet name='maxLength' value='19'/>
    </field>
    <field name='CreditCardExpirationDateCompact' type='xs:date' caption='Expiration Date'
				    	    		extra:form.day.fixed='last()'
				    	    		extra:form.month.css='input-mini'
				    	    		extra:form.year.css='input-mini'
				    	    		extra:form.month.suffix=' &lt;b>/&lt;/b> '
				    	    		extra:form.month.format='number'
				    	    		extra:form.year.format='number2'
				    	    		extra:form.year.interval='4'
				    	    		extra:form.control='dateSelect' 
				    	    		/>
    <field name='SecurityCode' type='xs:string'   
	caption='CVV / CVC Security Code' 
	extra:form.explanation='3-4 digit code, typically on the back of your card'
	extra:form.placeholder='123'
	extra:ic.css='input-mini'
	extra:html5.inputmode='numeric'
	extra:ctrl.prefix='&lt;div class="input-append">'
	extra:ctrl.suffix='&lt;a class="add-on badge" href="http://www.cvvnumber.com/cvv.html" target="_blank">What is this ?&lt;/a>&lt;/div>'
	extra:html5.type='text'  >
        <facet name='minLength' value='3'/>
        <facet name='maxLength' value='4'/>
        <facet name='pattern' value='[0-9][0-9][0-9][0-9]?'/>
    </field>
</complexType>