文本框是否在Javascript中接受以下值？

Question

I have a textbox and i need to validate that it accepts only 1,1.5,2,2.5,3,3.5,...11.5 How to validate it.. pls tell the answer please.

 $(document).on('keyup', '#Dia_Inch', function (e) {
        Dia_Inch = $(this).val();


        if (Dia_Inch.charAt(1) == ".") {
            if (Dia_Inch.charAt(2) != "5") {
                this.value = '';
                $('#Dia_Inch').val("");
                alert("Number must be between 0 and 11.5 If zero inches, must enter 0 Enter 1/2 inches as .5; -Ex. 3 and 1/2 inches entered as 3.5");
                return false;
            }
        }

        var val = isNumberInch(e);
        if (val == false || Dia_Inch > 11.5) {
            this.value = '';
            $('#Dia_Inch').val("");
            alert("Number must be between 0 and 11.5 If zero inches, must enter 0 Enter 1/2 inches as .5; -Ex. 3 and 1/2 inches entered as 3.5");
            return false;
        }

    });

this my sample code.. but it wont be worked.

Answer 1

You can do this using jquery:

function validate(value){
  var arr = [1,1.5,2,2.5,3,3.5,...11.5];
  if($.inArray(value, arr) >= 0){
    return true;
  }
return false;
}

You'll have to modify this according to your needs.

Here is a fiddle: http://jsfiddle.net/5Cm2w/

Do not forget to update the array with your actual values.

Answer 2

This may solve your purpose.

$(function() {
    $('button').on('click', function() {
      var val = $.trim($('input[type="text"]').val());
        if(val.length && $.isNumeric(val) && val.match(/^\d+(\.5{0,1})?$/)) {
           alert('valid')
        } else {
            alert('invalid');
            $.trim( $('input[type="text"]').val('') );
        }
    });
});

Demo

But if u want to allow up to 11.5 then

$(function() {
    $('button').on('click', function() {
      var val = $.trim($('input[type="text"]').val());
        if(val.length && $.isNumeric(val) && val.match(/^[1-9]{1}[1]{0,1}(\.5{0,1})?$/)) {
           alert('valid')
        } else {
            alert('invalid');
            $.trim( $('input[type="text"]').val('') );
        }
    });
});

Demo