Form event tests

by Hugo Carneiro

HTML

<form action="" method="post">
    <input value="a" />
    <input value="" />
    <input value="" />
    <select>
    </select>
    <input type="radio" name="asd" value="asdasdasds" />
    <input type="radio" name="asd" value="asdasda"checked />
    <input type="radio" name="asd" value="asdas" />
    <a href="#">LINK</a>
    <input type="reset" />
    <input type="submit" />
</form>

JavaScript

$('form').on('reset submit',function(e){
    alert(e.type);
});

$(':input').on('change blur',function(e){
    alert(e.type);
});

/*

SUBMIT during FOCUS without changes

    SUBMIT - iOS
    BLUR > SUBMIT - Android

SUBMIT during FOCUS with changes

    CHANGE > SUBMIT - iOS
    CHANGE > BLUR > SUBMIT - Android

BLUR with changes
    
    CHANGE > BLUR
    
RESET with/without changes
    
    RESET - iOS
    
RESET with changes
    
    CHANGE > BLUR > RESET - Android

RESET during FOCUS without changes

    BLUR > RESET - Android
    
Calculation...

*/