如何使用jQuery触发按钮单击事件

时间:2017-10-30 13:37:18

标签: javascript jquery wordpress triggers

enter image description here我有一个约会插件,可以选择以复选框方式选择特定日期。我已经为该字段添加了自定义验证。一切正常。当我们点击下一步并到达下一步时,会有一个后退按钮。当我们单击后退按钮时,它会转到表单而不刷新数据,因此我的自定义验证日期不起作用。

这是我的代码,

jQuery(document).ready(function(){
  setTimeout(function(){
    jQuery(".ladda-button").attr('onclick','oniter()');
  },1750); 
 });

function oniter(){
  if (jQuery(".valid").find(".active").length>=1) {
    alert(123);
  } else {
    jQuery('.removeval').remove();
    jQuery(".validation_text").append("<font class='removeval'>Please Select a Day</font>");
  }
  jQuery(".valid").on ('change',function(){
    jQuery(".validation_text").remove();
  });       
}

这是我的验证工作方式。我想在单击后退按钮时触发整个过程以确保进行验证。如何做到这一点?

2 个答案:

答案 0 :(得分:1)

jQuery(document).ready(function(){
  jQuery(document).on('click','.ladda-button',function(){
    oniter();
  });
});

function oniter(){
  if (jQuery(".valid").find(".active").length>=1) {
    alert(123);
  } else {
    jQuery('.removeval').remove();
    jQuery(".validation_text").append("<font class='removeval'>Please Select a Day</font>");
  }
  jQuery(".valid").on ('change',function(){
    jQuery(".validation_text").remove();
  });
}

答案 1 :(得分:0)

你的表格的后退按钮应该有一些课程或ID,对吧? 因此,当单击后退按钮时,只需触发相同的setTimeout。 f.e。

   Object.assign($scope, {
       list_category1: '',
       list_category2: '',
       list_category3: ''
   });