¿Es posible que el cuadro de enlace en un formulario HTML acepte solo enlaces de un sitio web específico? Este es el código de la caja.
HTML:
<label class="Link"> Link to Tool:</label> <input type="url" id="Approval" Placeholder="Tool Link">También me gustaría que el buzón de correo electrónico aceptara correos electrónicos solo de una empresa específica, ¿cómo podría hacer esto? He creado este código, pero solo acepta correos electrónicos de @company.com que me gustaría que también aceptara de otros países, como @company.fr, @company.gr, etc.
<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>Para el enlace , este patrón debería funcionar: ^https?:\/\/(www\.)?company\.(fr|en|gr|com)\/?([a-zA-Z0-9-]+)?$ .
? es permitir que la regla anterior sea nula() para capturar un grupo de reglas- así que un enlace como http://company.com/contact-us funcionará. Para el correo electrónico , puede agregar todos los fr , gr , etc. entre paréntesis así: ^[a-zA-Z0-9]+@company\.(com|fr|gr)$ . el | es para OR
(también tenga en cuenta que no puede confiar en html: se necesitan verificaciones similares en su idioma de backend)