Enlace de Formulario HTML/JS [duplicar]

Question 1

Actualmente estoy tratando de hacer un programa en el que introduce un link a un formulario HTML y cuando usted haga clic en un botón que envía a ese enlace. Sin embargo, cuando hago clic en el botón de la página sólo borra el formulario. Soy un Python nativo y un novato en HTML/JS por lo que la forma en que estoy estructurando mi código puede ser por eso:

<form>
    <input type="url" id="link" placeholder="Enter link of website:" required>
    <br>
    <button class="outline" id="open">Create gate</button>
    </form>
    <script type="text/javascript">
        document.getElementById("open").onclick = () => 
        location.assign(String(document.getElementById("link").value));
    </script> </form>

Question 2

Desde entonces, se utiliza una forma. Su Botón

<button class="outline" id="open">Create gate</button>

está actuando como forma de botón de enviar y, por tanto, se actualiza la página antes de ejecutar el location.assign() método. Hay muchas maneras de solucionar esto.

Una forma sencilla es exclusivamente decirle al navegador que este botón no está el botón de enviar, podemos hacerlo mediante el uso de type="button" atributo en nuestro botón.

Crear la puerta
Puede utilizar e.preventDefault() en el formulario a presentar para detener la actualización de la página.

De intentar el siguiente código:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Location Object</title>
</head>
<body>
    <form>
        <input type="url" id="link" placeholder="Enter link of website:" required>
        <br>
        <button class="outline" id="open">Create gate</button>
    </form>
    <script type="text/javascript">
        document.getElementById("open").addEventListener('click', (e) => {
             e.preventDefault();
            location.assign(String(document.getElementById("link").value));
        });
       
    </script>
    </form>
</body>
</html>

Question 3

Su código, exactamente como siempre, se pega en un mínimo de HTML5 boilerplate plantilla, trabaja en la Textastic editor de código y en Safari corriendo en localhost.

Tal vez algunas otras JavaScript en las inmediaciones de su detector de eventos está rompiendo la función de flecha. Tal vez el horquillado de la sentencia de función podría ayudar?

Imran Rafiq Rather · Answer 1 · 2021-11-24T05:52:15

Desde entonces, se utiliza una forma. Su Botón

<button class="outline" id="open">Create gate</button>

está actuando como forma de botón de enviar y, por tanto, se actualiza la página antes de ejecutar el location.assign() método. Hay muchas maneras de solucionar esto.

Una forma sencilla es exclusivamente decirle al navegador que este botón no está el botón de enviar, podemos hacerlo mediante el uso de type="button" atributo en nuestro botón.

Crear la puerta
Puede utilizar e.preventDefault() en el formulario a presentar para detener la actualización de la página.

De intentar el siguiente código:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Location Object</title>
</head>
<body>
    <form>
        <input type="url" id="link" placeholder="Enter link of website:" required>
        <br>
        <button class="outline" id="open">Create gate</button>
    </form>
    <script type="text/javascript">
        document.getElementById("open").addEventListener('click', (e) => {
             e.preventDefault();
            location.assign(String(document.getElementById("link").value));
        });
       
    </script>
    </form>
</body>
</html>

Scott Wright · Answer 2 · 2021-11-24T05:48:39

Su código, exactamente como siempre, se pega en un mínimo de HTML5 boilerplate plantilla, trabaja en la Textastic editor de código y en Safari corriendo en localhost.

Tal vez algunas otras JavaScript en las inmediaciones de su detector de eventos está rompiendo la función de flecha. Tal vez el horquillado de la sentencia de función podría ayudar?

Enlace de Formulario HTML/JS [duplicar]

Pregunta

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría