JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div class="semuanya">
  <div class="outer">
    <h1>cek 1</h1>
    <div class="input">
      <input type="number" class="tgl">
      <input type="number" class="bln">
      <input type="number" class="thn">
    </div>
    <div class="error">Ini error</div>
  </div>
  <br>
  <div class="outer">
  <h1>cek 2</h1>
    <div class="input">
      <input type="number" class="tgl">
      <input type="number" class="bln">
      <input type="number" class="thn">
    </div>
    <div class="error">Ini error</div>
  </div>  
</div>

<input type="submit" value="Submit" id="submit" style="margin:20px 0">

CSS

h1{
  padding : 0;
  margin: 0;
}
.error{
  display:none;
}

JavaScript

$("#submit").click(function(){
	var tgl = $(".tgl").val() < 1;
  var bln = $(".bln").val() < 1;
  var thn = $(".thn").val() < 1;
  
  if ($(".tgl").val() < 1 || $(".bln").val() < 1 || $(".thn").val() < 1){
  	alert("benar")
  } else {
  alert ("salah")
  }
  
})