原型如何用於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);
}

希望能有所幫助。