javascript - keydown 时的表单验证

Question

我的表单具有以下语义结构

<form class="form-horizontal" name="signUp" id="signUp" novalidate>
    <fieldset>
        <legend>Sign Up</legend>
        <div class="form-group inputEmail">
            <label for="inputUsername" class="col-lg-2 control-label" >Username</label>
            <div class="col-lg-10">
                <input type='email' class="form-control" id="inputEmail" placeholder="Your Email" maxlength="56" />
            </div>
        </div>
        <div class="form-group inputPassword">
            <label for="inputPassword" class="col-lg-2 control-label" >Password</label>
            <div class="col-lg-10">
                <input type='password' class="form-control" id="inputPassword" placeholder="Your Password" minlength="6" />
            </div>
        </div>
    </fieldset>
</form> 

我的目标是在 keydown 时对表单中的特定输入元素进行验证。我有以下 jQuery 代码片段可以实现此目的

$('#signUp').keydown(function(){
    signUp.usernameValid(); //performs validation
    signUp.passwordValidity(); //performs validation
});

我正在尝试遵循事件委托(delegate)技术。但我遇到并当前试图解决的问题是，当在表单元素上触发 keydown 事件时如何关注特定元素？

基于上面的代码，一旦 keydown 事件被触发，所有的验证都会被触发，而不是特定的输入元素

Answer 1

$('#inputEmail').keydown(function (e) {
   if (e.ctrlKey || e.altKey) {
    //e.preventDefault();
    $("#errg").html("Allow only alphabets").show().fadeOut("slow");
               return false;
   } else {
    var key = e.keyCode;
    if (!((key == 8) ||(key == 9) || (key == 32) || (key == 46) || (key >= 35 && key <= 40) || (key >= 65 && key <= 90))) {
     $("#errg").html("Allow only alphabets").show().fadeOut("slow");
                 return false;
    }
   }
  });