JSFiddle - React, Tailwind, and code Playground

by Rahul Gupta

HTML

<form>
<div class="form-group">
									<label for="txtusername" class="col-sm-4 control-label">Username</label>
									<div class="col-sm-8">
										<input type="text" class="form-control" id="txtusername" name="txtusername" placeholder="Username">
									</div>
								</div>
								<div class="form-group">
									<label for="txtpassword" class="col-sm-4 control-label">Password</label>
									<div class="col-sm-8">
										<input  type="password" class="form-control" id="txtpassword" name="txtpassword" placeholder="Password">
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-offset-4 col-sm-8">
										<div class="checkbox">
											<label><input type="checkbox">Remember me</label>
										</div>
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-offset-4 col-sm-8">
										<button type="submit" id="signin" class="btn btn-default"  >Sign in</button>

                                    </div>
                                    </form>

JavaScript

$(document).ready(function(){
    function check()
    {
        var txtusername = $('#txtusername').val();
        var txtpassword = $('#txtpassword').val();
        alert('txtusername = '+txtusername+' txtpassword = '+txtpassword);
        if(txtusername !="" && txtpassword != "")
        {
            $('#signin').attr('disabled', false);
        }
        else
        {
            $('#signin').attr('disabled', true);
        }
    }    
    var $input = $('input');
    $input.keyup(function() {
        check();
    });
    check();
});