全国统一服务热线:400-633-9193

form表单提交 submit button 同时绑定onclik事件,绑定事件不执行问题!

    网络     2018-07-26    1245

因为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>


  分享到:  
0.2569s