Notes

if(orig[id]===undefined){
orig[id]=String(orig[id]);
}
if($(this).val()===undefined){
$(this).val()=String($(this).val());
}


var button=document.getElementById("update-button-id");
if(button!=null){
var orig = [];

$.fn.getType = function () {
return this[0].tagName == "INPUT" ? $(this[0]).attr("type").toLowerCase() : this[0].tagName.toLowerCase();
}

$("form :input").each(function () {
var type = $(this).getType();
var tmp = {
'type': type,
'value': $(this).val()

};
if (type == 'radio' || type == 'checkbox') {
tmp.checked = $(this).is(':checked');
// console.log("radio called");
}
// if (type == 'checkbox') {
// tmp.checked = $(this).is(':checked');
// // console.log("checkbox called");
// }
orig[$(this).attr('id')] = tmp;
});



var check = function () {

var disable = true;

$("form :input").each(function () {
var type = $(this).getType();
console.log(type);
var id = $(this).attr('id');

if (type == 'text') {
console.log("original value:- "+orig[id].value +" new value:- " + $(this).val());
console.log("text called");
disable = (orig[id].value == $(this).val());
// console.log(disable);
}else if (type == 'select') {

console.log("select called");
let result = false;
if (orig[id]!==undefined && orig[id].value!=null && ($(this).val()!=null) && (orig[id].value.length === $(this).val().length)) {
for (let i = 0; i < orig[id].value.length; i++) {
result = $(this).val().indexOf(orig[id].value[i]) !== -1;

if (result === false) {
break;
}
}
}
disable = result ;
if(orig[id]!==undefined && (orig[id].value==null || $(this).val()==null)){
disable = ((orig[id].value) == ( $(this).val()));
}
if(orig[id]===undefined && ( $(this)!==undefined)){
disable= false;
}
if(orig[id]===undefined && ($(this)===undefined)){
disable= true;
}
console.log("original value:- "+orig[id].value +" new value:- " + $(this).val());
// disable = ((orig[id].value) == ( $(this).val()));
console.log(disable);
}else if (type == 'radio') {
console.log("original valuera:- "+orig[id].checked +" new value:- " + $(this).is(':checked'));
console.log("radio called");
disable = (orig[id].checked == $(this).is(':checked'));
}
else if (type == 'checkbox') {
console.log("original valuera:- "+orig[id].checked +" new value:- " + $(this).is(':checked'));
console.log("checkbox called");
disable = (orig[id].checked == $(this).is(':checked'));
}
else if (type == 'datetime-local') {
console.log("original valuera:- "+orig[id].value +" new value:- " + $(this).val());
console.log("date called");
disable = (orig[id].value == $(this).val());
}


if (!disable) {
// console.log("disable is "+ disable);
return false; // break out of loop
}
});
if(disable == true){
button.setAttribute('disabled','disable');}
else{
button.removeAttribute('disabled');
}
}
$('form').bind('change keyup', check);
$(".button-add").click(check);
$(".delete-button").click(check);
}