JavaScript - Obteniendo valores de formulario HTML

¿Cómo puedo obtener el valor de un formulario HTML para pasar a JavaScript?JavaScript - Obteniendo valores de formulario HTML

¿Es esto correcto? Mi script toma dos argumentos uno del cuadro de texto, uno del cuadro desplegable.

<body> 
<form name="valform" action="" method="POST"> 

Credit Card Validation: <input type="text" id="cctextboxid" name="cctextbox"><br/> 
Card Type: <select name="cardtype" id="cardtypeid"> 
    <option value="visa">Visa</option> 
    <option value="mastercard">MasterCard</option> 
    <option value="discover">Discover</option> 
    <option value="amex">Amex</option> 
    <option value="diners">Diners Club</option> 
</select><br/> 
<input type="button" name="submit" value="Verify Credit Card" onclick="isValidCreditCard(document.getElementById('cctextboxid').value,document.getElementById('cardtypeid').value)" /> 
</body>

Fuente

2010-08-23 user377419

¿Qué quiere decir por "valor de un formulario en el código HTML" exactamente? –

HTML:

<input type="text" name="name" id="uniqueID" value="value" />

JS:

var nameValue = document.getElementById("uniqueID").value;

Fuente

2010-08-23 11:28:16 user406632

@ shorty876: ¿Lo has probado tú mismo? o_0 Esa sería una buena manera de determinar si lo hiciste bien o no. –

Sí, pero solo devuelve un verdadero/falso y no estoy seguro de cómo determinar si la función incluso fue llamada. Por lo tanto puedes ayudar. – user377419

Lo probé, pero 'nameValue' es el valor predeterminado y no lo que el usuario ingresó. –

-3

javascript argument significa argumento de la función javascript? Si la respuesta es Sí:

Puede escribir alguna función. Que serialice su formulario en un objeto como {"name":"value"} y luego puede pasar este objeto en su función.

Fuente

2010-08-23 11:27:36 Falcon

document.forms contendrán una gran variedad de formas en su página. Puede recorrer estos formularios para encontrar la forma específica que desee.

var form = false; 
var length = document.forms.length; 
for(var i = 0; i < length; i++) { 
    if(form.id == "wanted_id") { 
     form = document.forms[i]; 
    } 
}

Cada forma tiene una matriz de elementos que luego puede recorrer para encontrar los datos que desea. También debe ser capaz de acceder a ellos por su nombre

var wanted_value = form.someFieldName.value; 
jsFunction(wanted_value);

Fuente

2010-08-23 11:35:55 Codeacula

Este es un ejemplo de W3Schools:

function myFunction() { 
    var elements = document.getElementById("myForm").elements; 
    var obj ={}; 
    for(var i = 0 ; i < elements.length ; i++){ 
     var item = elements.item(i); 
     obj[item.name] = item.value; 
    } 

    document.getElementById("demo").innerHTML = JSON.stringify(obj); 
}

La demostración se puede encontrar here.

Fuente

2016-08-07 05:20:54

Solo una advertencia, si alguien quiere obtener los valores seleccionados de otros tipos de entradas, como botones de opción o casillas de verificación, esto no hará lo que quiera. – Sean

Si desea recuperar los valores de la forma (como los que se envían utilizando un HTTP POST) que puede utilizar

JavaScript

new FormData(document.querySelector('form'))

forma-serializar (https://code.google.com/archive/p/form-serialize/)

serialize(document.forms[0]);

jQuery

$("form").serializeArray()

Fuente

2016-12-21 12:33:45

Su primer ejemplo 'FormData' en sí no hace nada ... aún necesita obtener los valores del formulario. – putvande

Creo que es incorrecto. Si al inicializar FormData especifica un elemento de formulario, recuperará los valores correctamente. http://codepen.io/kevinfarrugia/pen/Wommgd –

El objeto FormData no es en sí mismo el valor. Aún necesita llamar e iterar a través de 'FormData.entries() 'para recuperar los valores. Además, 'FormData.entries()' no está disponible en Safari, Explorer o Edge. https://developer.mozilla.org/en-US/docs/Web/API/FormData – dave

<input type="text" id="note_text" /> 

let value = document.getElementById("note_text").value;

Fuente

2017-12-13 04:59:22 Randhawa

JavaScript - Obteniendo valores de formulario HTML

Respuesta

Cuestiones relacionadas