JSFiddle - React, Tailwind, and code Playground

by nofunatall

HTML

<form name="myForm">
    <p><input name="myText" type="text" value=""/></p>
    <p><select name="mySelect">
        <option value="0">0</option>
        <option value="1">1</option>
        </select></p>
    <p><input type="checkbox"  name="mycheckbox" value="1"/></p>
</form>
<a href="#" class="back">Back</a>

JavaScript

var changesMade=false;
jQuery(document).ready(function(){
    $( "form :input[text|select|checkbox]" )
        .change(function(el){ changesMade=true; });
    $('.back').click(function(e){
        if(changesMade){
            return (confirm('Lose unsaved changes?'))?true:false;
        }
    });
});