javascript - jquery / javascriptを使用して、テキストボックスの最初の位置のスペースを制限します

Question

TextBoxの先頭にユーザーがスペースを入力できないように制限する必要がある状況があります。TextBoxのスペース入力を制限することができます。しかし、最初の位置で許可しないことについての手がかりを持っていません。

JavaScriptまたはjQueryを使用したソリューションを探しています。どんな助けでもいただければ幸いです。

Answer 1

keypressイベントソリューション：

$("input").on("keypress", function(e) {
    if (e.which === 32 && !this.value.length)
        e.preventDefault();
});

デモ：http： //jsfiddle.net/pdzBy/

Answer 2

試しましたが、何かを書いてカーソルを最初の文字に移動すると、そこにスペースができます。このソリューションでは、テキストボックスの先頭にスペース文字を入力することはできません。

$("input").on("keypress", function(e) {
    var startPos = e.currentTarget.selectionStart;
    if (e.which === 32 && startPos==0)
        e.preventDefault();
});

Answer 3

jQueryを使用している場合は、trimメソッドを呼び出すだけです。

$.trim(' Hello World!'); // -> 'Hello World'

これにより、文字列の最初と最後からすべての空白文字が削除されることに注意してください。

ボタンを使用したデモは次のとおりです。http：//jsfiddle.net/3Enr4/