Question

这是我的小提琴http://jsfiddle.net/foucpgkL/

<input type="text" value=""/>

我需要让我的文本框包含与给定的值相同的值，而不是0

另外我要求允许用户只编辑第一个数字。用户应该只输入100,200,500而不是123,110等。

如何使用jquery实现此目的。

我正在使用Angular Js，因此angular指令可能是最佳选择。

Answer 1

var elem="000";
$('input').val(elem);
$(".text").keyup(function(){
    console.log($(this).val());
    $(this).val($(this).val().substring(0,1)+"00");
});

<强> Demo

Answer 2

jsfiddle

var elem='000';
$('input').val(elem);
$("input").on('change',function(){
   $(this).val($(this).val().substring(0,1)+'00');
});

Answer 3

试试这个：

<input type="text" value="" step="100" />

编辑：

FIDDLE

我的答案不够，所以我做了一个简短的小提琴。

HTML：

<input type="number" step="100" value="000" min="0" max="900" onchange="checkZero(this)">

JS：

function checkZero(input) { if (!parseInt(input.value)){ // if value is not in format "000", is "0" or 0 input.value = "000"; } }

使用ng-model和ng-change。我建议将它包装在一个指令中。如果需要，请随时索取一个片段。

Answer 4

我建议Jquery Mask为此

<input type="text" id="myInput" />

jQuery(function($){
  $("#myInput").mask("900",{placeholder:"000"});
}

仅允许用户更改第一个数字

4 个答案: