{"action":"created","issue":{"url":"https://api.github.com/repos/christianalfoni/formsy-react/issues/2","labels_url":"https://api.github.com/repos/christianalfoni/formsy-react/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/christianalfoni/formsy-react/issues/2/comments","events_url":"https://api.github.com/repos/christianalfoni/formsy-react/issues/2/events","html_url":"https://github.com/christianalfoni/formsy-react/issues/2","id":52902797,"number":2,"title":"Custom submit button","user":{"login":"mschipperheyn","id":384959,"avatar_url":"https://avatars.githubusercontent.com/u/384959?v=3","gravatar_id":"","url":"https://api.github.com/users/mschipperheyn","html_url":"https://github.com/mschipperheyn","followers_url":"https://api.github.com/users/mschipperheyn/followers","following_url":"https://api.github.com/users/mschipperheyn/following{/other_user}","gists_url":"https://api.github.com/users/mschipperheyn/gists{/gist_id}","starred_url":"https://api.github.com/users/mschipperheyn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mschipperheyn/subscriptions","organizations_url":"https://api.github.com/users/mschipperheyn/orgs","repos_url":"https://api.github.com/users/mschipperheyn/repos","events_url":"https://api.github.com/users/mschipperheyn/events{/privacy}","received_events_url":"https://api.github.com/users/mschipperheyn/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":6,"created_at":"2014-12-26T14:08:36Z","updated_at":"2015-01-09T21:29:04Z","closed_at":"2015-01-05T14:18:59Z","body":"Is it possible to have more flexibility for your own submitButton HTML. We for instance sometimes use icons for submitbuttons. The idea of Formsy taking over the rendering of this aspect seems a bit heavy handed. Formsy can catch the form submit event without this."},"comment":{"url":"https://api.github.com/repos/christianalfoni/formsy-react/issues/comments/69402009","html_url":"https://github.com/christianalfoni/formsy-react/issues/2#issuecomment-69402009","issue_url":"https://api.github.com/repos/christianalfoni/formsy-react/issues/2","id":69402009,"user":{"login":"srconklin","id":380230,"avatar_url":"https://avatars.githubusercontent.com/u/380230?v=3","gravatar_id":"","url":"https://api.github.com/users/srconklin","html_url":"https://github.com/srconklin","followers_url":"https://api.github.com/users/srconklin/followers","following_url":"https://api.github.com/users/srconklin/following{/other_user}","gists_url":"https://api.github.com/users/srconklin/gists{/gist_id}","starred_url":"https://api.github.com/users/srconklin/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/srconklin/subscriptions","organizations_url":"https://api.github.com/users/srconklin/orgs","repos_url":"https://api.github.com/users/srconklin/repos","events_url":"https://api.github.com/users/srconklin/events{/privacy}","received_events_url":"https://api.github.com/users/srconklin/received_events","type":"User","site_admin":false},"created_at":"2015-01-09T21:29:04Z","updated_at":"2015-01-09T21:29:04Z","body":"I followed the advice above and changed the onChange to onBlur for a login form. (data validation while typing email and password for a login modal is annoying)... that worked great! \r\n\r\nI also used the form in the sample here \r\nhttps://github.com/christianalfoni/formsy-react#formsy-gives-you-a-form-straight-out-of-the-box\r\n\r\nso that the button is disabled until data validation is complete. \r\nthat i also working great! \r\n\r\nThen I modified MyInput component to place the name and id the input into the input tag itself like so:\r\n <input id={this.props.name} name={this.props.name} type={this.props.type} onBlur={this.changeValue}  onChange={this.handleChange} className=\"form-control\" value={this.state.theValue} placeholder={this.props.placeHolder} />\r\n\r\nwhich makes google Chrome recognize it as a common form element and autofill it...\r\nwhich i find very useful... \r\n(until i gave the input tag the email and password names, there was no autofilling)\r\n\r\nBut then I noticed that when the form loads the onInvalid={this.disableButton}  handler \r\n fires which sets the canSubmit = false and overrides my default setting of canSubmit = true\r\n\r\nNow , i am left with a form that has good cached input but i cannot submit it until i blur one of the fields.\r\n\r\nso....\r\nWhy does the onInvalid handler fire on load?  \r\nor more importantly do you know of a work-around to make it where the button is NOT disabled until the user actually types something in and blurs out of the field? \r\nOR how can enable the button on load? \r\n\r\nhttp://www.evernote.com/shard/s349/sh/f5c5714e-583a-4c76-858e-633b86fceb24/c9958eed29fdf12bfdda0160c57da9d8\r\n\r\n\r\n\r\n\r\n\r\n"}}