5

尝试做一些 jQuery 验证（没有插件 - 请不要回答“只需使用 validate-js 插件”）。

我正在为文档准备好的每个“必填字段”连接一个客户端事件处理程序按键：

$(document).ready(function() {
  $('#myform input.required').each(function() {
    $(this).keypress(onRequiredFieldKeyPress);
  });
});

在每次按键时正确触发此事件：

function onRequiredFieldKeyPress() {
   if ($(this).val().trim() == '') {
      $(this).next('em').html('*').show(); // show req field indicator
   } else {
      $(this).next('em').html('*').hide(); // hide req field indicator
   }
}

但是 $(this).val() 始终为空/空。看起来它正在传递一个“HTMLInputElement”，这是我所期望的，但几乎就像我必须将它投影到其他一些 jQuery 类型中一样？

本质上，我正在尝试这样做：在我已连接的任何字段（都是输入元素）的按键事件上，调用该函数。在该函数中，如果该字段的值为“”（空），则显示一个隐藏字段，该字段显示必填字段指示符。

我真的不在乎哪个实际元素触发了按键，因为我的逻辑行为将是相同的。我只需要得到实际值。

我错过了什么吗？

4

2 回答 2

9

因为您正在使用按键事件。按键有 3 个阶段：
1. 按下键：按下键时
2. 按住键：按下键
3. 按下键：松开键
在您的情况下，可以使用 keyup 事件解决问题

$(document).ready(function() {
  $('#myform input.required').each(function() {
    $(this).keyup(onRequiredFieldKeyPress);
  });
});
于 2010-08-09T07:09:17.953 回答
1

尝试使用 event.currentTarget，其中 event 是函数的第一个参数。

见这里：http ://api.jquery.com/event.currentTarget

于 2010-08-09T07:04:12.100 回答