Question

我对这个HTML输入控件很新。所以我想添加＆＃34; required＆＃34;属性为intlTelInput控件。以常规方式添加属性，即

<input type="tel" name="mobile" id="mobile-number" required="required">

无效。

任何人都可以指导我完成向此控件添加验证的过程。

我已经包含以下css：

<link rel="stylesheet" href="plugins/intl-tel/css/intltelinput.min.css">

然后添加了控件：

<label>Enter your mobile number</label>
<input type="tel" name="mobile" id="mobile-number" required="required">

然后在文件末尾我包含了脚本文件：

<script src="assets/plugins/intl-tel/js/intltelinput.min.js"></script>

要添加默认国家/地区，我添加了以下js：

(function($){
    $(document).ready(function() {
        if (typeof $.fn.intlTelInput !== 'undefined') {
            $("#mobile-number").intlTelInput({
                defaultCountry: "in",
                preferredCountries: ["in"]
            });
        }
    });
})(window.jQuery);

谢谢

Answer 1

尝试使用以下代码：

将类型更改为文字
仅添加必需属性

注意：如果需要，您可以使用pattern属性作为电话号码。

<form action="/action_page.php">
  <input type="text" name="mobile" id="mobile-number" required>
  <input type="submit">
</form>

如何向intlTelInput添加验证

1 个答案: