jQuery禁用输入表单中的字母

时间:2014-02-05 18:38:50

标签: jquery html

如何使用jQuery禁用dynamcaly创建的HTML输入表单上的字母? 我可以为alerady存在的输入表单创建它,但不能为动态创建新表单。

2 个答案:

答案 0 :(得分:7)

您只需使用Jquery的“实时”功能,如下所示:

$('input').live('keypress', function(key) {
    if(key.charCode < 48 || key.charCode > 57) return false;
});

这适用于文件中的所有输入,无论是在页面加载还是动态生成,如果文件中有其他输入,您可以用类名替换它以仅处理这组输入。

这里有一个完整的例子:

http://jsfiddle.net/tZPg4/8575/

答案 1 :(得分:0)

从jQuery v1.7开始,“live”已弃用。您应该使用“on”进行事件委派。例如:

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    $('body').on('keyup', 'input', function() {
      // do something
    });
  });
</script>
</head>

可以在http://jsfiddle.net/5XXJR/

找到包含所需正则表达式的工作示例