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>