JSFiddle - React, Tailwind, and code Playground

by waqasahmad724

HTML

<form >
						
									<input type="text" name="username" id="username" value="" placeholder="User name" />
							
									<input type="password" name="password" id="password" value="" placeholder="Password" />
		
									<input type="password" name="password" id="confirm_password" value="" placeholder="Confirm Password" />
								
							
				
									<input type="email" name="email" id="email" value="" placeholder="Email" />
					
									<input type="text" name="firstname" id="firstname" value="" placeholder="First name" />
	
									<input type="text" name="lastname" id="lastname" value="" placeholder="Last name" />
                                    <input type="date" name="date" id="date"  placeholder="date" />
   
									<ul class="actions align-center">
										<li><input type="submit" value="Register" id="register" /></li>
									</ul>

						</form>

JavaScript

jQuery("#register").prop('disabled', true);
    $('form input').change(function() {

        var empty = false;
        $('form  input').each(function() {
        	console.log($(this).val());
            if ($(this).val() == '') {
                empty = true;
            }
        });
        if (empty) {
            $('#register').attr('disabled', 'disabled');
        } else {
            $('#register').removeAttr('disabled');
        }
    });