javascript - 空间验证需要质量

Question

JS:

var KEYS = { SPACE: 32 };
var str = $('#id_phone_daytime').val();

$("#id_phone_daytime").keyup(function(e) {
    $.trim(str)
    $('#id_phone_daytime').val(str);
    if (e.keyCode == KEYS.SPACE) {
       alert("No space please")
    }
});

html:

请不要留空

以上代码用于验证单个输入字段的空白。它工作正常，但在我的应用程序中，我还有 8 个不同 ID 的输入字段。我还想验证这 8 个输入字段的空格验证。

如何用最少的代码实现同样的功能？

Answer 1

不要使用 id 选择器(必须是唯一的)，而是使用 class 选择器，它可用于对元素进行分组。试试这个:

var KEYS = { SPACE: 32 };

$(".no-spaces").keyup(function(e) {
    var $this = $(this);
    $this.val($.trim($this.val()));

    if (e.keyCode == KEYS.SPACE) {
        alert("No space please");
    }
});

您现在需要做的就是将 class="no-spaces" 添加到相关输入中。