enhance <input> elements with HTML5 attributes based on JSR-303

[ratcashdev]

Since AngularFaces can already process JSR-303 annotations and pass these to angular, how about enhancing the tag's attributes with:

• required
• maxlength
• minlength
• pattern and other similar attributes so that even if javascript is disabled, the browser can do client-side validation?

[stephanrauh]

Which other attributes might be interesting? The only attribute I can think of is pattern, which is missing indeed. As for the other attributes: I thought I'd already taken care of required, min and max - did I miss a special case? Here's a working example:

@NotNull @Min(1886) @Max(2014) public int getYear() { return car.getYear(); }

[ratcashdev]

@Size(min=1, max=30, message="{nameMaxLen}") corresponding to <input maxlength="30" /> but as I just figured, there is no minlength attribute in HTML5. the closest solution is using <input pattern=".{1,30}" title="#{msg[nameMaxLen]}"/>

[ratcashdev]

@Required is indeed working. I did not spot this at first, because I had included the attribute manually myself.

[stephanrauh]

• I added the maxlength attribute. Now both ng-maxlength and maxlength are set.
• I won't try to do anything about the non-existing minlength because AngularFaces already sets ng-minlength. HTML5 won't ensure the minimum length, but AngularJS can (and does).