Semantic-ui: onSuccess() fires twice

[iBotPeaches]

I was trying to track down a problem and realized my requests were going through twice.

I made a JSFiddle which shows this behavior: http://jsfiddle.net/iBotPeaches/NHxA2/4/

EDIT: I guess adding AJAX into the mix was not needed, onSuccess fires twice regardless: (non-ajax) http://jsfiddle.net/iBotPeaches/Hu32u/2/

0.17 - Semantic
29.0.1547 - Chrome

[SaadAhmed13]

yep, i also encountered this issue..

[jlukic]

Thanks, ill fix this.

[jlukic]

I've realized the cause, and there's an easy fix. I'll fix in library too.

Either remove type="submit" from your button or change classname to ui button not ui submit button.

Form validation is automatically attaching form submit to ui submit button but not preventing default action, so it will submit twice with both there.

See Fixed JSFiddle

[douglasg14b]

the submit event is also fired twice, which makes for some awkward behavior,

[ideadx]

This thing is shit, spend 3hrs looking for issue. moving to other options

[benjiao]

Hello,

Still experiencing this in version 2.2.6. The form still submits twice.

Replacing form tags with div while leaving the classes (<div id="register-form-0" class="ui form">) makes the form submit exactly once. Could there be a problem in blocking the original form submit event?

[qingdi]

still wrong

[haiquan]

Please use $('.ui.form') in the console to check how many elements it can find. If more than one, you should add your custom form class for each form, such as

<div class="ui form from-do-xxx">

Then use the added custom form class, not the ".ui.form", to write your code.

$(".from-do-xxx").form({
   xxx: yyy
})