如何使用 html 表单的特定链接和电子邮件？

Question

是否可以让 HTML 表单中的 link 框仅接受来自特定网站的 link？这是盒子的代码。

HTML:

<label class="Link"> Link to Tool:</label>
        <input type="url" id="Approval" Placeholder="Tool Link">

另外，我希望邮箱只接受来自特定公司的电子邮件，我该怎么做？我已经制作了这段代码，但它只接受@company.com 电子邮件，我希望它也能接受来自其他国家/地区的电子邮件，例如@company.fr、@company.gr 等

<label class="Email"> Email:</label>
        <input type="email" Placeholder="Email" id="Email" pattern="^[a-zA-Z0-9]+@company\.com$" required>
        <script type="text/javascript">
        var input = document.getElementById("Email");
        input.oninvalid = function(event) {
            event.target.setCustomValidity("Please provide an @company email.")
        }
        </script>

Answer 1

对于 link 此模式应该有效：^https?:\/\/(www\.)?company\.(fr|en|gr|com)\/?([a-zA-Z0-9-]+)?$.

?就是让前面的规则为null
()抓一组规则
不要忘记 - 所以 link 就像 http://company.com/contact-us 会起作用。

对于 电子邮件，您可以添加所有 fr、gr 等......在括号之间：^[a-zA-Z0-9]+@company\.(com|fr|gr)$。 | 用于 OR.

（还请记住，您不能相信 html：在您的后端语言中需要进行类似的验证）

如何使用 html 表单的特定链接和电子邮件？

How can I use specific links and emails for an html form?

html

javascript

css

forms

email