更改表单输入事件

时间:2014-03-17 13:17:50

标签: javascript jquery forms

我有一个带输入的表单,其中一些有名为validate的类,现在我想在任何这些字段的值发生变化时做一些动作,我试过这样:

$(".validate").each(function(i, obj) {
  if ($(obj).hasClass("text") || $(obj).hasClass("image")) {
     $(obj).change(function() {
      alert("some stuff");    
    });
  }
});

当我尝试更改某些输入的值时,不会引发任何事件,但是当我更改该值并尝试提交表单时,将引发该事件。我的问题是如何在不提交表格的情况下举起活动

2 个答案:

答案 0 :(得分:1)

$('input.validate').change(function () {
      alert("some stuff");    
);

答案 1 :(得分:1)

您正在使用.validate类迭代eements,检查它们是否具有类textimage,如果是,则将事件处理程序附加到它。

因此,除非元素具有指定的类,否则不会附加处理程序。你可以按照以下方式轻松完成:

$(document).on('change', '.validate', function(){
 if ($(this).hasClass("text") || $(this).hasClass("image")) {
   alert("some stuff");
 }
)}