JSFiddle - React, Tailwind, and code Playground

by Mostafa Zeinivand

HTML

<form action="login_2.php" method="post">
    <input type="hidden" name="action" value="login"/>
    <input type="hidden" name="hide" value=""/>

<table class='center'>
    <tr><td>Login ID:</td><td><input type="text" name="ID" /></td></tr>
    <tr><td>Password:</td><td><input type="password" name="password" /></td></tr><br>
    <tr><td>confirm_password: </td><td><input type="password" name="confirm_password" onkeyup="test();"/></td></tr><br>
<tr><td><div id="pwd" style="height: 35px;"></div></td></tr>
    <tr><td>Full Name: </td><td><input type="text" name="name"/></td></tr>
</form>

</table>

    <tr><td>&nbsp;</td><td><input type="submit" value="Login"/></td></tr>

JavaScript

$(document).ready(function(){
    $("input[name=confirm_password]").keyup(function(){
        pass=$("input[name=password]").val();
        confpass=$("input[name=confirm_password]").val();
        if(pass==confpass)
            $("#pwd").html("same");
        else
            $("#pwd").html("wrong");
    });
});