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:

スペースを空けてください

上記のコードは、単一の入力フィールドの空白を検証するためのものです。正常に動作していますが、私のアプリケーションには、ID が異なる 8 つの入力フィールドがあります。これらの 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"あとは、関連する入力に追加するだけです。

Answer 2

var KEYS = { SPACE: 32 };
$(".no-spaces").keyup(function(e) {
    this.value=$.trim(this.value);
    if (e.keyCode == KEYS.SPACE) {
        alert("No space please");
    }
});

Answer 3

たとえば、クラスを使用して複数のセレクターを割り当てることができます

<input type="text" class="validate_white_space">

このクラスを以下のように使用します。

var str = $('.validate_white_space').val();

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