formフォームの下のbuttonボタンはフォームの問題を自動的にコミットします
1216 ワード
formフォームの下のボタンでtypeタイプが指定されていない場合、クリックイベントを同時に追加した場合.私たちがクリックしたときにデフォルトに戻ってフォームも提出したことに気づきます.次のようになります.
スクリーンショット:
解決策は明らかです.このボタンの役割がフォームをコミットするためでなければ、typeプロパティを追加すればいいです.
function validate(){ alert("test"); }
于是我大胆猜测应该是form下的button 按钮在没有明确的给出type类型时,会有一个默认值为:type=”submit”.
带着这种猜测于是开始查找资料,在:https://www.w3.org/TR/2011/WD-html5-20110525/the-button-element.html#attr-button-type验证了我的猜测:
The type attribute controls the behavior of the button when it is activated. It is an enumerated attribute. The following table lists the keywords and states for the attribute — the keywords in the left column map to the states in the cell in the second column on the same row as the keyword.Keyword State Brief descriptionsubmit Submit Button Submits the form.reset Reset Button Resets the form.button Button Does nothing.**The missing value default is the Submit Button state.**
スクリーンショット:
解決策は明らかです.このボタンの役割がフォームをコミットするためでなければ、typeプロパティを追加すればいいです.