Sorry, misunderstood your question. According to Javascript – capturing onsubmit when calling form.submit(): I was recently asked: “Why doesn’t the form.onsubmit event get fired when I submit my form using javascript?” The answer: Current browsers do not adhere to this part of the html specification. The event only fires when it is activated by a … Read more
You should stop the submit procedure by returning false on the onsubmit callback. <script> function checkRegistration(){ if(!form_valid){ alert(‘Given data is not correct’); return false; } return true; } </script> <form onsubmit=”return checkRegistration()”… Here you have a fully working example. The form will submit only when you write google into input, otherwise it will return an … Read more
I have success with this. This triggers the handleSubmit upon clicking. Hope this helps. <form onSubmit={this.handleSubmit} ref={ (ref) => { this.form = ref; } } > <a onClick={ () => { this.form.dispatchEvent(new Event(‘submit’)) } }> Validate </a> </form> Found from here: https://github.com/facebook/react/issues/6796
I’m replacing a submit button with an anchor link. Since calling form.submit() does not activate onsubmit’s, I’m finding it, and eval()ing it myself. But I’d like to check if the function exists before just eval()ing what’s there. – gms8994 <script type=”text/javascript”> function onsubmitHandler() { alert(‘running onsubmit handler’); return true; } function testOnsubmitAndSubmit(f) { if (typeof … Read more
In your doSomething() function, pass in the event e and use e.preventDefault(). doSomething = function (e) { alert(‘it works!’); e.preventDefault(); }