2017-01-10 10 views
0

私が働いていたCo-drops Minimal Form Interface. stepsForm.jsでこのコードスニペットを理解できませんでした。 (行50)onSubmit:function()のプロトタイプはどのように機能しますか?

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

私はJSには新しいので、そうする時間があればstepsFormでコード全体の説明を気にしません。しかし、当分の間、上記の説明は私のための不思議を行うことができます。私はプロトタイプが何であるかを知っていますが、onSubmitの部分は私の頭の上にあります。私はこれがリフレッシュを防ぐことであるという別の質問を読んだが、間違っていると感じている。

答えて

1

ライブラリは、あなた自身の優先値を渡すために使用できる/使用できるoptionsプロパティを公開しています。特に、onSubmitが公開されています。

任意のhtmlのformについては、onSubmitは、サブミットアクションが別の関数またはクリックによって呼び出されたときに呼び出されます。

ライブラリでは、デフォルトのonSubmitがtrueを返しています。つまり、アクションを実行するだけです。これは、ライブラリ内の...このようなカスタム関数にあなたと_submit(ライン196 stepForm.js)を

<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> 

を上書きすることができますこれにより、次にonSubmitを呼び出すと呼ばれています。今回は、デフォルトの代わりに、上記で追加したものを実行します。

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

希望します。

+0

特定の値を返す際には何の問題もないようですが、無視されます。 – RobG

+0

ありがとう。すぐにそれを理解した。 –

+0

@RobGもしあなたがonsubmitの最後に 'return true'を参照しているのであれば、それは実際にonSubmitを確認していないのです。私はそれを言って間違っていますか? – Searching

関連する問題