检查多个文本区域中的keyCode 13

时间:2014-08-21 17:02:36

标签: javascript php jquery

我有一个页面,它有多种形式,具体取决于正在处理的组。所有的表单基本上是相同的(我只是继承了这个项目,所以我没有机会尝试转换为OOP),文本区域用于附加注释。问题是有时人们通过使用return(回车)将列表分开 文本区域标记:

    <label for="banote">Additional Note</label>
    <textarea id="banote" name="banote" class="addNote" rows="3" cols="35"></textarea>

使用Javascript和JQuery,我试图通过警告框来阻止它:

JS:

$('#banote').keydown(function (e) {
if (e.keyCode == 13) {
    $('#banote').css('border', '1px solid red');
    alert("Do not use the return key in this field");
}
});  

正如所写,它有效,但我不想为每个文本写一个单独的脚本是id。这个有4个不同的领域。我尝试使用一个类,然后用$(。addNote&#39;)替换$(&#39;#banote&#39;),但这不起作用。我怎么能这样做而不重复自己?

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

使用css类选择器应该可以工作

$('.addNote').keydown(function (e) {
    if (e.keyCode == 13) {
        $(this).css('border', '1px solid red');
        alert("Do not use the return key in this field");
    }
});

DEMO

答案 1 :(得分:1)

返回false会完全拒绝返回,否则你会提示他们不要使用它但是允许它

$('.addNote').keydown(function (e) {
    if (e.keyCode == 13) {
        return false;
    }
});  

jsFiddle Example