{"action":"opened","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/10799","repository_url":"https://api.github.com/repos/zurb/foundation-sites","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/10799/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/10799/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/10799/events","html_url":"https://github.com/zurb/foundation-sites/issues/10799","id":279804322,"number":10799,"title":"[Abide] Separating out error messages","user":{"login":"pax1878","id":356681,"avatar_url":"https://avatars3.githubusercontent.com/u/356681?v=4","gravatar_id":"","url":"https://api.github.com/users/pax1878","html_url":"https://github.com/pax1878","followers_url":"https://api.github.com/users/pax1878/followers","following_url":"https://api.github.com/users/pax1878/following{/other_user}","gists_url":"https://api.github.com/users/pax1878/gists{/gist_id}","starred_url":"https://api.github.com/users/pax1878/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pax1878/subscriptions","organizations_url":"https://api.github.com/users/pax1878/orgs","repos_url":"https://api.github.com/users/pax1878/repos","events_url":"https://api.github.com/users/pax1878/events{/privacy}","received_events_url":"https://api.github.com/users/pax1878/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-12-06T15:53:28Z","updated_at":"2017-12-06T15:53:28Z","closed_at":null,"author_association":"NONE","body":"It would be great to separate error messages e.g. for an empty required field vs a field filled with invalid data.\r\n\r\nSomething like that:\r\n```html\r\n<label>\r\n    Amount\r\n    <div class=\"input-group\">\r\n      <span class=\"input-group-label\">$</span>\r\n      <input class=\"input-group-field\" id=\"exampleNumberInput\" type=\"number\" required pattern=\"number\"/>\r\n    </div>\r\n    <span class=\"form-error\" data-form-error-for=\"exampleNumberInput\" data-form-pattern=\"required\">Amount is required.</span>\r\n    <span class=\"form-error\" data-form-error-for=\"exampleNumberInput\" data-form-pattern=\"number\">Amount should be a number.</span>\r\n</label>\r\n```"}}
{"actor":{"display_login":"pax1878"}}