Question

我有一个表单，当输入错误的文本时不会显示错误，并且在选择下一步后不会继续下一步。

以下是它应该如何运作（滚动到底部）：http://infinite-woodland-5276.herokuapp.com/forms-validation.html

init.push(function() {
  $('#wizard-forms').pixelWizard({
    onFinish: function() {
      // Disable changing step. To enable changing step just call   this.unfreeze()
    this.freeze();
  }
});
$('#wizard-forms .wizard-prev-step-btn').on('click', function() {
  $('#wizard-forms').pixelWizard('prevStep');
  return false;
});

Answer 1

你错过了

var init = [];

从代码开始。它出现在您链接的演示源的顶部。

你也错过了

window.PixelAdmin.start(init);

从代码末尾开始。

这些陈述都必须在任何类型的window.onload / $(document.ready()类型函数之外 - 但其他一切都应该在其中。

请参阅https://jsfiddle.net/j31qm806/21/

上的工作示例

Answer 2

您可能忘记包含脚本所需的库。

实际上，对象“init”没有定义：

init.push(function() {
   $('#wizard-forms').pixelWizard({
    onFinish: function() {
      // Disable changing step. To enable changing step just call       this.unfreeze()
this.freeze();
   }
 });

因此，您必须确保已包含脚本所需的所有库和/或插件。

希望它有所帮助。

修复验证表单中的输入错误和延续问题

2 个答案: