zoukankan      html  css  js  c++  java
  • jQuery使用一些表单细节

    1、禁用“回车键”,防止用户意外提交

      $('#myform').keyup(function(e){

        if(e.which==13){

          return false;

        }

      });

    2、将表单禁用和开启

      //禁用按钮

      $('#submit_btn').attr('disabled',true);

      //开启按钮

      $('#submit_btn').removeAttr('disabled');

      说明:使用 .attr('disabled',false) 是不正确的调用方法

    3、输入内容后启动提交按钮

      $('#username').keyup(function(){

        $('#submit').attr('disabled',!$('#username').val());

      })

    4、高亮显示目前聚焦的输入框提示

      $('form:input').focus(function(){

        $("label[for='"+this.is+="']").addClass('focusClass');

      }).blur(function(){

        $(''label).removeClass('focusClass');

      });

    5、动态方式添加表单元素

      $('#input_test').change(function(){

        $('#input_test').append("<input type='text' name='input_test1' id='input_test2'>");

      })

    6、判断一个复选框是否被选上

      if($('#checkbox').attr('checked')=='checked'){

          console.log('该复选框被选上');

      }

    7、使用代码提交数据

      $('#submit_btn').submit();

  • 相关阅读:
    人生苦短,我用python!
    Pycharm快捷键
    查看java进程
    带你掌握Arthas
    高并发场景下System.currentTimeMillis()的性能问题的优化
    SpringBoot整合Dubbo&ZooKeeper
    CentOS7下yum安装Mysql5.7
    SpringCache整合Redis实现自定义缓存时间
    Java开发神器lombok
    CentOS7安装Nginx
  • 原文地址:https://www.cnblogs.com/luodao1991/p/3491652.html
Copyright © 2011-2022 走看看