submitとbuttonの違い

##宣言:button-通常ボタン、submit-コミットボタン.submitはbuttonの特例であり、buttonの一種でもあり、この動作をコミットすることを自動的に統合しています.submitとbuttonは、両方ともボタンの形式で表示され、ボタンのように見えますが、type属性と応答のイベントでは異なります.使用シーン:ここで言う部分はシーンを使うので、1つしか使えないわけではありませんが、このようなシーンで使うと便利で、プログラマーの仕事量が少ないということです.
シーン
Submit
Button
Webページではサーバに情報を送信する必要があります
√
Webページでは、リセット、クリア機能などの一般的なイベントが実行されます.
√
フォームの発行
√
フォーム・データをコミットするには、イベントをバインドする必要があります.
ローカルリフレッシュ
使用できません.イベントがトリガーされるとフォームがコミットされます.
√
フォームがないのにデータをコミットする
submitがフォームを必要とする場合、コミット時にデータが付きます.もちろんsubmitを使ってもいいですが、onclickイベントをブロックすることが前提です.
buttonのデフォルトは、データをコミットしません.イベントをバインドしてデータをコミットできます.
フォームデータが多すぎる場合
推奨
多くのデータを書く必要がある取得アクション
データを提出するにはJSを使用して検証する必要がありますが、この場合ユーザーがJSを無効にすると検証は失効し、バックグラウンドでも検証が行われなければ、非合法なデータはバックグラウンドに入ります.
推奨しない
推薦:buttonを通じてデータを提出して、それではユーザーがJSを無効にするならば、それではデータの提出の動作は活性化できません
補足:1、上記のシーンでは、フォームがコミットボタンをクリックした後にJSで処理(入力検証を含む)してからコミットする必要がある場合、通常buttonを使用することを提案していますが、submitを使用して前検証をコミットする必要がある場合は、方法の前にreturnを追加する必要があります.onClickメソッドはreturnを付けないと自動的にコミットされ、制約の役割を果たすことはありませんので、submitを使用する場合はreturn trueまたはfalseを付けて確認する必要があります.ログインモジュールの場合、ユーザー名が空であるかどうかを確認し、空である場合、SUBMITがクリックしたときにfromフォーム指定ページが提出されないことを確認します.フォーム形式でしか送信できませんよ!また、フォームで指定したページで入力された値を検証することはできません.

function check(){
   var name = document.getElementById("name").value;
   if(name ==  null || name == ''){
        alert(" ");   
        return false;
   }
   return true;
}



  
  

参考ブログ:http://blog.sina.com.cn/s/blog_693d183d0100uolj.html http://blog.csdn.net/x_fledgling/article/details/53842684 http://blog.csdn.net/jingmeifeng/article/details/7361229