You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@ofbiz.apache.org by "Jacques Le Roux (JIRA)" <ji...@apache.org> on 2015/03/25 10:07:52 UTC

[jira] [Commented] (OFBIZ-4302) Improve form widget to use html5 new input types

    [ https://issues.apache.org/jira/browse/OFBIZ-4302?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=14379531#comment-14379531 ] 

Jacques Le Roux commented on OFBIZ-4302:
----------------------------------------

The required attribute could be used with 
     jQuery(form).validate();
in <#macro renderFormClose 
But then I guess
    if (jQuery(form).find(".required").size() > 0) {
should be changed to
    if (jQuery(form).find("required").size() > 0) {
http://jqueryvalidation.org/
http://www.w3schools.com/tags/att_input_required.asp

Also input type="date" and input type="datetime", but not yet in FF for instance
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_date

> Improve form widget to use html5 new input types
> ------------------------------------------------
>
>                 Key: OFBIZ-4302
>                 URL: https://issues.apache.org/jira/browse/OFBIZ-4302
>             Project: OFBiz
>          Issue Type: Sub-task
>          Components: framework
>            Reporter: Patrick Antivackis
>
> HTML5 brings lot of improvement on forms input types
> http://www.w3schools.com/html5/html5_form_input_types.asp
> It would be nice to let form widget use these new input types. Css can also be used in order to higlight field validation
> {code}
> input:required:invalid, input:focus:invalid {
>   background-color: red;
> }
> input:required:valid {
>   background-color: green;
> }
> {code}



--
This message was sent by Atlassian JIRA
(v6.3.4#6332)