在选择下拉列表中选择时限制表单中的输入数量

Question

我想知道如何在选择选择输入时使用javascript / html（表单验证）来限制输入数量。 场景：我首先有一个下拉框，您可以在其中选择手机号码的国家/地区代码； 一旦选择，当然必须输入他们的手机号码（手机号码的长度取决于您选择的国家/地区代码，例如+63 [菲律宾]，而用户的手机号码只能是11个字符长）。 以下是我的代码行：

 <div class="input-append">
    <select name="mobile" tabindex="15" style="height: 30px; width: 80px;" required>
        <option <?php if (isset($source) && $source=="Philippines") ?>>+63 (Philippines)</option>
        <option <?php if (isset($source) && $source=="America") ?>>+1 (America)</option>
        <option <?php if (isset($source) && $source=="UK") ?>>+44 (United Kingdom)</option>
        <option <?php if (isset($source) && $source=="Japan") ?>>+81 (Japan)</option>
        <option <?php if (isset($source) && $source=="Korea") ?>>+82 (Korea)</option>
        <option <?php if (isset($source) && $source=="China") ?>>+86 (China)</option>
    </select>
    <input type="number" name="mobile_phone" tabindex="16" style="height: 30px; width: 127px;" placeholder="Enter your Mobile Phone Number" maxlength="11"required>
 </div>

谢谢您的亲切回应！

Answer 1

您可以尝试http://parsleyjs.org/doc/index.html#psly-validators-list和一些正则表达式：

 ^\+63\d{11}$ - must start with +63 followed by 11 digits

祝好运！