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

時間 2019-12-14 標籤 form 表單提交 submit button 同時綁定 onclik 事件綁定事件執行問題

由於submit控件是先執行 onSubmit 事件再執行 onClick 事件的，既然action已經跳轉到另外一頁面了，因此onClick事件就不執行了。javascript

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

講button type=submit 改成 type=button 再綁定onclick 事件，表單提交寫在事件裏面格式爲：ide

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>