Проверьте правильность заполнения поля формы?

Question

У меня есть форма HTML с некоторыми полями формы.

My Markup что-то похожее на это -

<form> 
    <div class="form-group"> 
    <label for="exampleInputEmail1">First Name</label> 
    <input type="text" class="form-control" placeholder="First Name"> 
    </div> 
    <div class="form-group"> 
    <label for="exampleInputPassword1">Email address</label> 
    <input type="email" class="form-control" placeholder="Enter email"> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
</form> 

Мой вопрос, я хочу, чтобы сохранить второе поле формы неактивно (в таком виде она `электронной почты поля) до первого поля формы правильно заполнить. Неактивный средний пользователь не может вводить или вставлять какую-либо вещь.

Может ли кто-нибудь сказать, что это возможно в jquery, если так скажите мне, как?

Надеюсь, что кто-то проведет меня по правильному пути. Спасибо.

Answer 1

Добавить отключил атрибут по электронной почте и включить/отключить на имени KeyUp

HTML

<form> 
    <div class="form-group"> 
     <label for="exampleInputEmail1">First Name</label> 
     <input type="text" class="form-control name" placeholder="First Name"> 
    </div> 
    <div class="form-group"> 
     <label for="exampleInputPassword1">Email address</label> 
     <input type="email" class="form-control email" placeholder="Enter email" disabled> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
</form> 

JQuery

$(function() { 
    $('input.name').keyup(function() { 
     if ($(this).val()) { 
      $('input.email').removeAttr('disabled'); 
     } else { 
      $('input.email').attr('disabled', true); 
     } 
    }); 
}); 

скрипку http://jsfiddle.net/m2h5fc9b/