数字のみ入力可能なjqueryベースのページテキストボックスを設定する実装コード_jquery

コードは次のとおりです:

コードをコピー コードは次のとおりです:

$(" #money").bind ("propertychange",function() {
if(""!=this.value){
var str = this.value.replace(/(^s*)|(s *$)/g, "");
if(this.value != str )
this.value = str;
}
if( isNaN(Number(this.value)))
this.value = this.value.replace(/[D]/,'');
});

ここでは、onpropertychange イベントにバインドするために JQuery が使用されます。お金の ID を含むテキスト ボックス。
以下のコードは小数点もブロックします

コードをコピーします コードは次のとおりです:

$("#phone").bind("propertychange", function() {
if(""!=this.value){
var str = this.value.replace(/(^ s*) |(s*$)/g, "");
if(this.value != str )
this.value = str;
}
if (this.value. IndexOf(' .') != -1) {
this.value = this.value.replace(/[.]/, '');
this.focus(); }
if ( isNaN(Number (this.value))) {
this.value = ($.trim(this.value)).replace(/[D]/, '');
this.focus(); } }) ;

最後に、入力メソッドをブロックするのが最善です。 これは、CSS、ime-mode:disabled を通じて実現できます。
非常に厳格な場合は、ペーストとドラッグの禁止を追加できます。
ペースト＆ドラッグを禁止する方法
テキストボックス内のドラッグ＆ペーストを無効にする

テキストボックス内のドラッグ＆ペーストを禁止する機能をcssで実装する

次のように CSS を作成します:

コードをコピーします コードは次のとおりです:

.TextBox_NotDragpaste

{
ondragenter:expression(ondragenter=function(){return false;});
onpaste:expression(onpaste=function(){return false;}); }

それでも中国語入力機能を無効にする必要がある場合は、文を 1 つ追加するだけです。

は次のとおりです:

コードをコピー コードは次のとおりです:

.TextBox_NotDragpaste

{
ime-mode:disabled;
ondragenter:expression(ondragenter=function(){return false;}); {return false;} );
}