HTML5 Form Validation

HTML

<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>

<form id="MyForm">
    <div>
        <label for="name">Name:</label>
        <input type="text" name="name" id="name" required data-required-message="Name is required.">
    </div>
    <div>
        <label for="email">Email:</label>
        <input type="email" name="email" id="email" required data-required-message="Email is required." data-type-message="You must provide a valid email address.">
    </div>
    <div>
       <button disabled="disabled" id="btnSalvar">Salvar</button>
    </div>
</form>

CSS

button:disabled {
    background: red;
}
.invalid {
    background: red;
    color: white;
}
.error {
    color: red;
}

JavaScript

$('input').blur(function () {
          verificarForm();
        });
        
function verificarForm(){

var valid = $("#MyForm").valid();
	if(valid){
  $('#btnSalvar').prop("disabled", false);
  }
}