• 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>
  • 相关阅读:
    ubuntu下php-fpm多实例运行配置
    ubuntu下nginx+PHP-FPM安装配置
    php中include_path配置
    laravel中的队列
    laravel权限控制Gate
    Configuring an NVIDIA Jetson TX2
    NVIDIA Jetson TX2 の設定
    3-Jetson Nano Developer KitでAWS IoT GreengrassのML Inferenceを試す(GPU編)
    2-Jetson Nano Developer KitでAWS IoT GreengrassのML Inferenceを試す
    1-Jetson Nano Developer KitでAWS IoT Greengrassを動かしてみる
  • 原文地址:https://www.cnblogs.com/wenb/p/7249295.html
Copyright © 2020-2023  润新知