使用JavaScript在ASP.NET中进行文本框验证

Question

我有7个文本框，仅允许使用2位数字值，必须仅允许01-49数字，并且相同的数字不得重复。

例如：

01 20 03 04 05 06 49

我的代码

<script type="text/javascript">
    function integersOnly(obj) {
        obj.value = obj.value.replace(/[^0-9-.]/g, '');
    }
</script>

仅满足数字输入，但如何检查其他条件？

Answer 1

我已经根据您的情况实施了编码。

HTML代码：

<input type="text" class="txt" />
<input type="text" class="txt" />
<input type="text" class="txt" />
<input type="text" class="txt" />
<input type="text" class="txt" />
<input type="text" class="txt" />
<input type="text" class="txt" />

JAVA脚本代码

$(function() {
    $(".txt").on("keyup", function(event) {
        // don't handle backspace, delete, pgup/pgdn, home/end, or arrow keys:
        if (event.keyCode === 8 || event.keyCode === 46 || event.keyCode >= 33 && event.keyCode <= 40) return false;

        var currentEl = $(this);
        var value = $(currentEl).val();

        // remove letters...
        value = value.replace(/[^0-9-]/g, "");

        // handle numbers greater than 49... :
        if (parseInt(value) > 49 || parseInt(value) === 49) {
            value = "49";
        }

        $(currentEl).val(value);
    });

    $('input.txt').change(function() {
        var textValues = new Array();
        $("input.txt").each(function() {

            if ($(this).val() != "") {
                doesExisit = ($.inArray($(this).val(), textValues) == -1) ? false : true;

                if (!doesExisit) {
                    textValues.push($(this).val())
                } else {
                    alert('Same value has been already exists.');
                    return false;
                }
            }
        });
    });  
});

可以通过以下JSFiddle链接进行访问： http : //jsfiddle.net/997g3fug/18/

请分享您的想法。 希望这对您有所帮助。