JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<form action="" id="form_login">
  <input type="email" id="log_email">
  <input type="password" id="log_pass">
  <input type="submit" value="valider">
</form>

JavaScript

$("#form_login").on("submit",function(){
    var email =$("#log_email");
    var pass =$("#log_pass");
    var status =false;
    if (email.val() == "") {
        email.addClass("border-danger");
        $("#e_error").html("<span class='text-danger'>Please Enter Email Address</span>");
        status =false;
    } else {
        email.removeClass("border-danger");
        $("#e_error").html("");
        status =true;
    }

    if (pass.val() == "") {
        pass.addClass("border-danger");
        $("#p_error").html("<span class='text-danger'>Please Enter Password</span>");
        status =false;
    } else {
        pass.removeClass("border-danger");
        $("#p_error").html("");
        status =true;
    }
		
    console.log(email);
    console.log(email.val());
    console.log(pass);
    console.log(pass.val());
    console.log(status);
    if (status) {
        alert("Ready");
    }
})