Validation implement using jquery Validation .

How to implement Jquery Validation .I have use this code but not implememnt properly.

$(document).ready(function () {

$("#result-form").validate(); // intialize plugin

// presumably, this would be called after you dynamically create the new elements

$('input[type="text"]').each(function () {

$(this).rules('add', {

required: true,

digits: true,

messages: {

required: " Please enter a score!",

digits: " Please only enter numbers!"

}

});

In button click .I want to implement this code here.

$("#btnSend").click(function (e) {

var toEmail = $.trim($("#txtTo").val());

var body = $.trim($("#txtBody").val());

e.preventDefault();

var reportManagement = {

toEmail: $.trim($("#txtTo").val()),

body: $.trim($("#txtBody").val())

};

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Jenith Thakkar6y ago
Accepted answer
Validate will work inside form
if you're not using form then do it in custom way
set span after inputs
and check using jquery if value is blank then show that span and return false
Mageshwaran R6y ago
Hi Sourabh Dhiman ,
please try this link:
https://www.technicalkeeda.com/jquery-tutorials/how-to-define-custom-jquery-validation-method-example
Amit Kumar6y ago
Hi, I think dynamic created control using jquery. If it is added using jquery then you will not get easily because of it is not registir in DOM. So first add dynamic created control in DOM then your code will work. Use below link to add control i DOM: https://www.tutorialrepublic.com/faq/how-to-bind-click-event-to-dynamically-added-elements-in-jquery.php
Sachin Singh6y ago
use Valid() instead of validate() on button click
$(document).ready(function(){

$("#form1").validate({
   rules: {
     field1: "required" // field1 is the Id of your input
   },
   messages: {
     field1: "Please specify your name"

   }
})

$('#btn').click(function() {
$("#form1").valid();
});

});