Question

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

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

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

Answer 1

该库公开了options属性，您可以/可以使用该属性来传递您自己的覆盖值。特别是这个属性，公开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（）？

1 个答案: