javascript - キープレス条件付き検証のjqueryテキストボックス

Question

私はasp.net mvc Webサイトに取り組んでおり、このような4つのドロップダウンと4つのテキストボックスがあります

dialprefix1   callfromnumber1
dialprefix2   callfromnumber2
dialprefix3   callfromnumber3
dialprefix4   callfromnumber4

dialprefix1 ドロップダウンの値が 44 の場合、callfromnumber1 が必要です。

数字の値を持っています -- 完了は 0 から始まる必要があります8 の場合、callfromnumber1 で許可される長さは 9 (動作中) です

私は次のようにコーディングしました：

$(document).ready(function () {

    $("#DefaultCallFrom1, #DefaultCallFrom2, #DefaultCallFrom3, #DefaultCallFrom4").keydown(function (event) {
        // Allow: backspace, delete, tab, escape, and enter
        if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 ||
        // Allow: Ctrl+A
            (event.keyCode == 65 && event.ctrlKey === true) ||
        // Allow: home, end, left, right
            (event.keyCode >= 35 && event.keyCode <= 39)) {
            // let it happen, don't do anything
            return;
        }
        else {
            // Ensure that it is a number and stop the keypress
            if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
                event.preventDefault();
            }
        }

    });

    if ($("#DefaultCallFrom1").val().match("5")) {
        displayAlertMessage($("#DefaultCallFrom1").val().substring(0, 1) + "Number must start with 0, 1, 2, 7 or 8");
    }

    $("#DefaultCallFrom1").keypress(function () {
        if ($("#Dialprefix1").val() == "44") {           
            if (this.value.substring(0, 1) == "0")
                return this.value.length <= 10
            else
                return this.value.length <= 9
        }
    })

    $("#DefaultCallFrom2").keypress(function () {
        if ($("#Dialprefix2").val() == "44") {
            if (this.value.substring(0, 1) == "0")
                return this.value.length <= 10
            else
                return this.value.length <= 9
        }
    })


    $("#DefaultCallFrom3").keypress(function () {
        if ($("#Dialprefix3").val() == "44") {
            if (this.value.substring(0, 1) == "0")
                return this.value.length <= 10
            else
                return this.value.length <= 9
        }
    })

    $("#DefaultCallFrom4").keypress(function () {
        if ($("#Dialprefix4").val() == "44") {
            if (this.value.substring(0, 1) == "0")
                return this.value.length <= 10
            else
                return this.value.length <= 9
        }
    })

});

また、4 つすべてに対して 1 つのキープレス イベントを作成できますか (現在、このスニペットの最後に 4 つのキープレスがあります。

[編集]

<td style="padding-left: 1px">
    <input type="text" value="1" readonly="readonly" name="srNo" id="srNo" disabled="disabled" class="tiny" style="text-    align:right">
    <select name="Dialprefix1" id="Dialprefix1">
        <option value="44">+44</option>
        <option value="001">+001</option>
        <option value="11" selected="selected">+11</option>
        <option value="12">+12</option>
        <option value="13">+13</option>
    </select>
    <input type="text" value="" name="DefaultCallFrom1" id="DefaultCallFrom1" class="textarea normal" autocomplete="off">
    <br>
    <input type="text" value="2" readonly="readonly" name="srNo" id="srNo" disabled="disabled" class="tiny" style="text-    align:right">
    <select name="Dialprefix2" id="Dialprefix2">
        <option value="44">+44</option>
        <option value="001">+001</option>
        <option value="11" selected="selected">+11</option>
        <option value="12">+12</option>
        <option value="13">+13</option>
    </select>
    <input type="text" value="" name="DefaultCallFrom2" id="DefaultCallFrom2" class="textarea normal" autocomplete="off">
    <br>
    <input type="text" value="3" readonly="readonly" name="srNo" id="srNo" disabled="disabled" class="tiny" style="text-    align:right">
    <select name="Dialprefix3" id="Dialprefix3">
        <option value="44">+44</option>
        <option value="001">+001</option>
        <option value="11" selected="selected">+11</option>
        <option value="12">+12</option>
        <option value="13">+13</option>
    </select>
    <input type="text" value="" name="DefaultCallFrom3" id="DefaultCallFrom3" class="textarea normal" autocomplete="off">
    <br>
    <input type="text" value="4" readonly="readonly" name="srNo" id="srNo" disabled="disabled" class="tiny" style="text-    align:right">
    <select name="Dialprefix4" id="Dialprefix4">
        <option value="44">+44</option>
        <option value="001">+001</option>
        <option value="11" selected="selected">+11</option>
        <option value="12">+12</option>
        <option value="13">+13</option>
    </select>
    <input type="text" value="" name="DefaultCallFrom4" id="DefaultCallFrom4" class="textarea normal" autocomplete="off">
</td>

提案してください