jquery validation

https://jqueryvalidation.org/files/demo/

by ud25tGNwMddCP7JI

HTML

<form class="cmxform" id="commentForm" method="get" action="" novalidate="novalidate">
  <fieldset>
    <legend>Please provide your name, email address (won't be published) and a comment</legend>
    <p>
      <label for="cname">Name (required, at least 2 characters)</label>
      <input id="cname" name="name" minlength="2" type="text" required="">
    </p>
    <p>
      <label for="cemail">E-Mail (required)</label>
      <input id="cemail" type="email" name="email" required="">
    </p>
    <p>
      <label for="curl">URL (optional)</label>
      <input id="curl" type="url" name="url">
    </p>
    <p>
      <label for="ccomment">Your comment (required)</label>
      <textarea id="ccomment" name="comment" required=""></textarea>
    </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.js"></script>
<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/css/cmxform.css">
<link>
<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/css/cmxformTemplate.css">
<link>
<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/css/screen.css">
<link>
<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/css/core.css">
<link>
<link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/css/reset.css">
<link>

JavaScript

$.validator.setDefaults({
		submitHandler: function() {
			alert("submitted!");
		}
	});

	$().ready(function() {
		// validate the comment form when it is submitted
		$("#commentForm").validate();

	});