原型如何用于onSubmit：function（）？

Question

我正在研究Co-drops最小表单界面。 我无法在stepsForm.js中理解此代码段。 （第50行）

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

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

Answer 1

该库公开了options属性，您可以/可以使用它传递自己的覆盖值，尤其是公开onSubmit 。

对于任何html form ，当其他函数或单击调用onSubmit操作时，都会调用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);
}

希望能有所帮助。