只允许用户更改第一位数字

Question

This is my fiddle http://jsfiddle.net/foucpgkL/

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

I need to have my textbox containing same value as given ie 000 not 0

Also I have requirement to allow user to edit only first digit.ie user should only input like 100,200,500 and not like 123,110 etc.

How can I achieve this using jquery.

I am using Angular Js so angular directive could be best option.

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

Try this:

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

EDIT:

FIDDLE

My answer was not sufficent so I made a short 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"; } }

Use ng-model and ng-change . I suggest wrapping it in a directive. Feel free to ask for a snippet if you need.

Answer 4

I would suggest Jquery Mask for this

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

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