onSubmit:function() 的原型是如何工作的？

Question

我正在研究 Co-drops Minimal Form Interface. 我无法理解 stepsForm.js 中的这段代码。（第 50 行）

stepsForm.prototype.options = {
        onSubmit : function() { return true; }
    };

我是 JS 的新手，如果有人有时间的话，我不介意在 stepsForm 中解释整个代码。但是，就目前而言，对上述内容的解释可以为我创造奇迹。我知道什么是原型，但 onSubmit 部分让我难以理解。我在另一个问题上看到这是为了防止刷新，但我觉得这是错误的。

Answer 1

该库公开了 options 属性，您 may/can 用来传递您自己的重写 values.This，特别是公开了 onSubmit。

对于任何 html form，当提交操作被另一个函数或点击调用时，将调用 onSubmit。

在库中默认 onSubmit 返回 true，意味着只执行操作。这可以用这样的自定义函数覆盖...

<script>
    var FORM_ELEMENT = document.getElementById( 'myForm' )
    new stepsForm(FORM_ELEMENT, {
        onSubmit :
        function (FORM_ELEMENT) {
            alert('You are about to submit the form ');
            //manipulate your form or do any preprocess work... 

            return true;

        });
</script>

在库中调用 _submit（第 196 行 stepForm.js），后者又调用 onSubmit。这一次，而不是默认的，它会执行我们上面添加的那个。

stepsForm.prototype._submit = function() {
    this.options.onSubmit(this.el);
}

希望对您有所帮助。

onSubmit:function() 的原型是如何工作的？

How does prototype work for onSubmit:function()?

javascript

css

onsubmit