rules message validation using jquery validate() methodLearning Curve- Perfect Tutorial for the beginers | Learning Curve- Perfect Tutorial for the beginers

Domain name validation using jquery

Please see the below code for the domain name validation using jquery

<!DOCTYPE html>
<html>
<body>

<h1>Web Url Validation</h1>
<form method="post" action="insert.php" id="myform">
<input type='text' name='Website' placeholder="Your Domain.com" id="Website"   class='form-control  placeholder'/>
<button type="submit" id="singlebutton" name="submitRFQ" class="btn more red-background no-border content-sub">VALIDATE</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.js"></script>
<script>
jQuery.validator.addMethod("myCustomMethod", function( value, element ) {
    return this.optional(element) ||  /^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,5}[\.]{0,1}/i.test(value);
}, 'Please enter a valid URL.');

$("#myform").validate({ 
       	onfocusout: function(element) {
                  this.element(element);
        },
       	rules: {
						
           	Website: {
                required: true,
                myCustomMethod: true
            },
		},
		
		messages: {
			FirstName: "First name is required.",
			LastName: "Last name is required.",
			
        }	
    });
   
</script>
</body>
</html>

<!DOCTYPE html>

<html>

<body>

<h1>Web Url Validation</h1>

<button type="submit" id="singlebutton" name="submitRFQ" class="btn more red-background no-border content-sub">VALIDATE</button>

jQuery.validator.addMethod("myCustomMethod", function( value, element ) {

return this.optional(element) || /^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,5}[\.]{0,1}/i.test(value);

}, 'Please enter a valid URL.');

$("#myform").validate({

onfocusout: function(element) {

this.element(element);

rules: {

Website: {

required: true,

myCustomMethod: true

messages: {

FirstName: "First name is required.",

LastName: "Last name is required.",

}

});

</script>

</body>

</html>