Controllare con JavaScript lunghezza elementi form

**shaun87** · 04-01-2015, 12:27

Devo controllare che tutti i valori della form(nome,cognome,ecc)abbiamo almeno due caratteri ho provato in 5000000000 modi ma i controlli passano sempre,come posso fare?

PS:il file js è esterno nella pagina html lo chiamo e basta

<script src="code.js"> </script>

**KillerWorm** · 04-01-2015, 15:20

Puoi usare la proprietà length.
Se non riesci, prova a postare il codice javascript (e la relativa parte html) con uno dei 5000000000 di modi che hai provato, e ti dico dove sta il problema.

**MItaly** · 04-01-2015, 17:48

Sposto in JavaScript.

**shaun87** · 04-01-2015, 21:33

codice:

console.log("Hello");




window.onload = function(){
    console.log("Caricamento pagina");
    document.getElementById("reg_form").onclick = function() {
        return control();   
    };
};




function control(){
    console.log("Form inviata");
    controlName = validate(document.getElementById("nome").value);
    controlSurname = validate(document.getElementById("cognome").value);
    controlUser = validate(document.getElementById("user").value);
    controlMail = validate(document.getElementById("mail").value);
    controlPass = validate(document.getElementById("pass").value);
    
    if(controlName && controlSurname && controlUser && controlMail && 
            controlPass){
        return true;
    }
        alert("Controlli errati");
        return false;
}


function validate(stringa){
    if(stringa.length >= 2){
        return true;
    }
}

**badaze** · 04-01-2015, 21:39

Vedi l'alert o no ?

**badaze** · 04-01-2015, 21:40

Fossi in te proverei con l'evento onsubmit che accetta il return true o false.

**shaun87** · 04-01-2015, 22:12

fatto con onsubmit l'alert non esce in nessun caso

**badaze** · 04-01-2015, 22:30

Prova a mettere nel tag form onsubmit="return control();"
ma devi togliere l'assegnazione nell'evento onload.

**KillerWorm** · 04-01-2015, 23:00

Originariamente inviata da shaun87

fatto con onsubmit l'alert non esce in nessun caso

Lo script che hai postato, così com'è, funziona. Ma la parte html?

**shaun87** · 05-01-2015, 01:20

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Registrazione</title>
<link rel="stylesheet" type="text/css" href="style.css"> </link>
<script src ="code.js"> </script>
</head>
<body>
<div id="container">
<header>
<%@include file="header.jspf"%>
</header>
<nav>
<%@include file="nav.jspf"%>
</nav>
<article>
<form id="reg_form" action="checkreg.jsp" name="form"
method="post">
<div class="f">
<label for="nome">Nome:</label>
<input type="text" name="nome" id="nome">
</div>
<div class="f">
<label for="cognome">Cognome:</label>
<input type="text" name="cognome" id="cognome">
</div>
<div class="f">
<label class="form_input" for="mail">Mail</label>
<input type="text" name="mail" id="mail">
</div>
<div class="f">
<label for="username">Username:</label>
<input type="text" name="username" id="username">
</div>
<div class="f">
<label for="pass">Password:</label>
<input type="text" name="pass" id="pass">
</div>
<div class="s">
<input type="submit" name="invia"
id="subm" value="invia">
</div>
</form>
</article>
<footer>
</footer>
</div>
</body>
</html>

Discussione: Controllare con JavaScript lunghezza elementi form

Strumenti discussione

Ricerca discussione

Visualizza

Controllare con JavaScript lunghezza elementi form

Moderazione

Permessi di invio