jQuery addClass example

Change class name on click in jQuery

by Aditya Sharma

HTML

<form class="hello" id="hello" data-param-source="#test1">

<button type="submit" >Test</button>
</form>
<form id="test1" class="dirty">
<input type="hidden" name="test" value="test">
</form>
<input type="hidden" name="test" value="test">

JavaScript

var form = $(".hello")

// handle click and add class
form.on("submit", function(e){
  e.preventDefault();
	var elt = jQuery(this);
  var paramSource = elt.data("param-source");
  var filteredParamSource = jQuery(paramSource).not(".dirty");
  jQuery(filteredParamSource.serializeArray()).each(function(i, field){
    elt.append(jQuery("<input>", {type: "hidden", name:field.name, value:field.value}))
	});
  elt.unbind('submit').submit();
})