JSFiddle - React, Tailwind, and code Playground

by Joe

HTML

<input type="text" id="channel1" name='channel1' placeholder='Channel Group Name' />

 <input type="text" id="mail1" name='mail1' placeholder='Desciption' /><br />
 <input type="text" id="channel2" name='channel2' placeholder='Channel Group Name' />

 <input type="text" id="mail2" name='mail2' placeholder='Desciption' /><br>

 <input type="button" id="btnSave" value="Save" />

JavaScript

$('#btnSave').click(function() {
  var i = 1;
  var isvalid = true;
  $("input").each(function(i) {
    if (isvalid != false) {
      if ($("#channel" + i).val() == "") {
        alert("Enter channel");
        isvalid = false;
      }
    }
    if (isvalid != false) {
      if ($("#mail" + i).val() == "") {
        alert("Enter mail");
        isvalid = false;
      }
    }
  });
  return isvalid;


});