jQuery .keyPress() – 如何获取触发事件的输入值?
尝试做一些jQueryvalidation(没有插件 – 请不要回答“只需使用validate-js插件”)。
我正在为doc ready上的每个“必填字段”连接一个客户端事件处理程序按键 :
$(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()始终为null / empty。 看起来它传递的是“HTMLInputElement”,这是我所期望的,但它几乎就像我必须将其投射到其他jQuery类型中?
基本上我正在尝试这样做:在我已连接的任何字段的按键事件(都是输入元素)上,调用该函数。 在该函数中,如果该字段的值为”(空),则显示隐藏字段,该字段显示必填字段指示符。
我真的不关心哪个实际元素触发了按键,因为我的逻辑行为将是相同的。 我只需要获得实际价值。
我错过了什么吗?
因为您正在使用按键事件。 按键有3个阶段:
1.按键:按键时
2.按住键:按住键
3.键盘:键是释放
在您的情况下,可以通过使用keyup事件来解决问题
$(document).ready(function() { $('#myform input.required').each(function() { $(this).keyup(onRequiredFieldKeyPress); }); });
尝试使用event.currentTarget,其中event是函数的第一个参数。
请参见: http : //api.jquery.com/event.currentTarget