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>