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

Question

我想知道当选择输入时，如何使用javascript/html (表单验证)来限制输入的数量。场景:我首先有一个下拉框，您可以在其中选择您的手机号码；一旦选择，当然一个必须输入他们的手机号码(手机号码的长度取决于您选择的国家代码，例如+63 63philippines和用户的手机号码必须只有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

祝好运!