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

我想知道当选择一个select输入时，如何使用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>

>+1（美国）
>+81（日本）
>+86（中国）

感谢您的友好回复

您可以尝试使用一些正则表达式：

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

---

祝你好运

UseMin和max属性检查javascript的Use onchange事件。我认为这个工具不能与javascript一起工作。因此，用户Jquery而不是Javascript会根据选项值编写自定义代码。查看jquery示例的链接：是这样吗？我不知道该怎么做，因为下拉框中有很多选项，这使得验证更加困难。无论如何，谢谢！：）