CODEWITHSUNDEEP
javascripthtmlinput
r0t.algo r
r0t.algo r

Reputation: 25

Javascript help, get input

I have this code.

  <form name="validar">
    <p><input type="text" placeholder="Nombre de usuario"></p>
    <p><input type="password" placeholder="clave"></p>
    <p class="mensaje">¿Cuanto es <strong></strong>?</p>
    <p><input type="number" name="captcha" placeholder="resultado de la cuenta"></p>
    <button type="submit">Ir</button>
  </form>

and i want to get the "captcha" value the user enter. I try this but it wont work. Any help?

var campo = document.getElementsByName('captcha');
var valor = campo.value;

Upvotes: 0

Views: 45

Answers (2)

CESD
CESD

Reputation: 11

Try it...

<form name="validar" onsubmit="validate()">
    <p><input type="text" placeholder="Nombre de usuario"></p>
    <p><input type="password" placeholder="clave"></p>
    <p class="mensaje">¿Cuanto es <strong></strong>?</p>
    <p><input type="number" name="captcha" placeholder="resultado de la cuenta"></p>
    <button type="submit">Ir</button>
</form>

And it..

function validate(){
    var form = document.forms['validar'];
    var campo = form['captcha'];
    alert(campo.value);
}

Upvotes: 0

Richard Hamilton
Richard Hamilton

Reputation: 26444

getElementsByName returns a collection. You need to access an individual element

var campo = document.getElementsByName('captcha')[0];
var valor = campo.value;

Upvotes: 2

Related Questions