form表单提交 submit button 同时绑定onclik事件,绑定事件不执行问题!
网络 2018-07-26 1592
因为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>