Javascript 使用keyup函数进行表单验证的多步骤表单

我创建了一个多步骤表单。我使用jquery在每个步骤上添加验证。如果字段为空，则禁用“下一步”按钮。如果字段不为空，则启用“下一步”按钮

我使用此代码进行验证

$('form.webform-client-form').bind("change keyup",function(){
var card_name = $('#edit-submitted-first-name1').val();
var card_number = $('#edit-submitted-card-number').val();
var expiration_year = $('#edit-submitted-expiration-year-year').val();
var expiration_month = $('#edit-submitted-expiration-year-month').val();
var cvv = $('#edit-submitted-cvv').val();
if (card_name != "" && card_number != "" && expiration_year != "" && expiration_month !="" && cvv != ""){
  $('form.webform-client-form').find('#edit-submit').attr('disabled', false);
  $('form.webform-client-form').find('#edit-submit').addClass('active');
}
else {
$('form.webform-client-form').find('#edit-submit').attr('disabled', true);
  $('form.webform-client-form').find('#edit-submit').removeClass('active');
}
});

问题是，当用户在表单中填写信息时，他会单击“下一步”按钮，如果他单击“上一步”按钮并返回到第一个表单，则所有信息都会预先填写，但“下一步”按钮在用户输入某个值之前不会启用，因为键控功能。如果用户返回上一个表单，则启用“我希望下一步”按钮

有没有办法解决这个问题，或者有没有其他办法解决这个问题

---

任何帮助都将不胜感激。

首先将绑定中的所有逻辑移到另一个函数中，然后在绑定中调用该逻辑，当按下后退按钮时，调用用于向上键的验证函数。这样，它将检查字段并启用按钮

您需要将下一个按钮的启用和禁用与唯一调用该按钮的事件“向上键”分离。我会把它移到一个公共函数中，当有一个相关的keyup和一个值next按钮从上一步单击时调用该函数