Set .keyup() в div

Question

Я разрабатываю систему на ASP.NET WebForm. Поскольку он не поддерживает несколько форм, я использую эти коды, которые отображаются как 2 формы в интерфейсе, получая значения на id и отправляя значения на ajax. Но здесь я хочу установить 2 отдельные функции .keyup() для 2 виртуальных форм. Можно ли это сделать? Если да, то как?

<!--First form--> 
<div class="x_content form-horizontal form-label-left" id="info"> 
    <div class="form-group"> 
     <label class="control-label col-md-3 col-sm-3 col-xs-12">E-mail</label> 
     <div class="col-md-9 col-sm-9 col-xs-12"> 
      <input type="text" class="form-control required" id="email" placeholder="Enter email" readonly> 
     </div> 
    </div> 
    <br /> 
    <div class="form-group"> 
     <label class="control-label col-md-3 col-sm-3 col-xs-12">Full Name</label> 
     <div class="col-md-9 col-sm-9 col-xs-12"> 
      <input type="text" class="form-control required" id="name" placeholder="Enter full name"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label class="control-label col-md-3 col-sm-3 col-xs-12">Contact</label> 
     <div class="col-md-9 col-sm-9 col-xs-12"> 
      <input type="text" class="form-control required" id="contact" placeholder="Enter contact"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3"> 
      <button type="button" class="btn btn-primary" onclick="verifyInfo()">Submit</button> 
      <button type="button" class="btn btn-danger">Cancel</button> 
     </div> 
    </div> 
</div> 


<!--Second form--> 
<div class="x_content form-horizontal form-label-left" id="pass"> 
    <div class="form-group"> 
     <label class="control-label col-md-3 col-sm-3 col-xs-12">Old Password</label> 
     <div class="col-md-9 col-sm-9 col-xs-12"> 
      <input type="password" class="required form-control" id="oldpassword" placeholder="Type old password"> 
     </div> 
    </div> 
    <br> 
    <div class="form-group"> 
     <label class="control-label col-md-3 col-sm-3 col-xs-12">New Password</label> 
     <div class="col-md-9 col-sm-9 col-xs-12"> 
      <input type="password" class="required form-control" id="newpassword" placeholder="Type new password"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <label class="control-label col-md-3 col-sm-3 col-xs-12">Re-Type Password</label> 
     <div class="col-md-9 col-sm-9 col-xs-12"> 
      <input type="password" class="required form-control" id="repassword" placeholder="Re-type new password"> 
     </div> 
    </div> 
    <div class="form-group"> 
     <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3"> 
      <button type="button" class="btn btn-primary" onclick="verifyPass()">Submit</button> 
      <button type="button" class="btn btn-danger">Cancel</button> 
     </div> 
    </div> 
</div> 

Answer 1

Здесь я нашел 2 ответов на этот вопрос. 1 из комментария по fnostro,

$("#info :input").keyup(function(){...}) 

Еще один добавляет 2 различных классов с каждым :input из 2 различных форм и этой функции.

$('.classname').keyup(function(){ 
    // 
}); 

Answer 2

Вы можете дать jQuery Hotkeys выстрел. Он довольно прост в использовании и может обрабатывать ваши события с помощью клавиш.

Чтобы связать Ctrl + M на пару функций [f1 и f2], например:

$('#form1').on('keyup', null, 'ctrl+m', f1); 
$('#form2').on('keyup', null, 'ctrl+m', f2);