javascript - 具有 2 种模式的 html 输入模式

标签 javascript jquery html forms validation

是否可以有一个包含 2 个选项的输入模式?

例如。 我有一个字段,用户可以在其中输入分机号码(4 位数字),例如。 7483 但 有些人有 2 个扩展名,例如。 7483/7542

有没有办法设置输入模式,使其可以是 4 个字符或 11 个字符?否则显示错误信息?

这是我目前所拥有的:

Extension:<br><input type="text" name="extension" required
pattern= "{4}" title="Please Enter the Extension Number/s"><br />

最佳答案

您可以使用 jQuery Form Validator为它 lib 和编写自定义验证器。对于验证,您应该使用 /^\d{4}(\/\d{4})?$/ 模式。

这是完整的解决方案。仔细阅读并坚持使用 RegExp! ;-)

<!DOCTYPE html>
<html>
<head>
    <title>Custom Validation</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <form action="" method="post">
        Extension:<br />
        <input type="text" name="extension" required
               data-validation="custom" data-validation-regexp="^\d{4}( \/ \d{4})?$" title="Please Enter the Extension Number/s"><br />
    </form>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
    <script>
        // Setup form validation
        $.validate();
    </script>
</body>

关于javascript - 具有 2 种模式的 html 输入模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42418732/

相关文章:

jquery - 使用 jquery 删除伪选择器

javascript - 如何在 AngularJs 中的自定义指令上设置 .focus()?

jQuery 将元素传递给 dataTransfer 属性

javascript - 单击叠加。使用Jquery模拟点击

javascript - 如何从多个输入获取数据并将其作为 jQuery 中的字符串输出

javascript - 有什么方法可以可靠地压缩短字符串?

html - 使用 Twitter Bootstrap 进行列排序

c# - 从网络中的 UNC 路径加载图像并隐藏该路径

javascript - 如何让 child 输入 react

javascript - 如何提醒输入值