Javascript Form gönderilirken form verisi değişmiş mi kontrol ediliyor mu?

Question

Seçili onay kutularını gösteren bir düzenleme formum var, gönderirken onay kutularında herhangi bir değişiklik olup olmadığını kontrol etmek istiyorum.

Answer 1

Her onay kutusunun geçerli değerini orijinal ayarlarıyla karşılaştırabilirsiniz. Bunun için checked özelliğini defaultChecked özelliği ile karşılaştırabilirsiniz.

function wasAnyCheckChanged() { 
 
    return $('input[type=checkbox]').toArray().some(function(el) { 
 
     return el.checked != el.defaultChecked; 
 
    }); 
 
} 
 

 
// At submission: collect them again and compare 
 
$('form').submit(function() { 
 
    if (wasAnyCheckChanged()) { 
 
     alert('you changed checks'); 
 
    } else { 
 
     alert('No changes made'); 
 
    } 
 
    return false; // cancel submission 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="checkbox" name="chk1" checked>Option 1<br> 
 
    <input type="checkbox" name="chk2" >Option 2<br> 
 
    <input type="submit" name="submit" value="Submit"><br> 
 
</form>

Bu kod çeklerin herhangi onlar Sayfanın yüklendiği gibi daha sunulması farklı olup olmadığını belirten bir uyarı gösterir: Burada

bazı kodudur. Ardından gönderim iptal edilir. Ne yapacağınıza karar verebilir ve sadece iki durumdan birinde gönderimi iptal edebilirsiniz.