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();

posted @ 2013-12-26 00:56  罗导  阅读(182)  评论(0编辑  收藏  举报