form表單提交 submit button 同時綁定onclik事件，綁定事件不執行問題!

因為submit控件是先執行 onSubmit 事件再執行 onClick 事件的，既然action已經跳轉到另一頁面了，所以onClick事件就不執行了。

onSubmit（）是form表單的提交狀態方法，在表單提交是可以觸發該事件，

 

講button type=submit 改為 type=button 再綁定onclick 事件，表單提交寫在事件里面格式為：

from1.submit();  form1是form表單id

<script type="text/javascript">
         //單擊登錄按鈕后調用函數
         function btnLogin_click(){
             alert(2222)
             var strName=$("#username").val();//存儲文本框的值
             var strPass=$("#password").val();
             
             localStorage.setItem("keyName",strName);
             
             if($("#rememberMe")[0].checked){//如果選擇保存密碼
                 
                 localStorage.setItem("keyPass",strPass);//系統存儲密碼，否則移除
             
             }else{
                 
                 localStorage.removeItem("keyPass");
             }
             
             loginForm.submit();
        
         }
         //頁面加載時調用函數
         function pageload(){
            
         var strName=localStorage.getItem("keyName");//用變量代替鍵名
         var strPass=localStorage.getItem("keyPass");
         
    /*      alert("stringname="+strName)
          alert("stringpass="+strPass) */
          
         //判斷，如果輸入的值等於存儲的值
         if(strName){
             $("#username").val(strName);
         }
         if(strPass){
             $("#password").val(strPass);
         }

         };
         
         
        $(document).ready(function() {
             $(document).on('click', '.form-options a[data-target]', function(e) {
                e.preventDefault();
                var target = $(this).data('target');
                $('.widget-box.visible').removeClass('visible');//hide others
                $(target).addClass('visible');//show target
             });
            
            
            
             
             pageload();
             
            
             
            });
            
        </script>