HTML form action et onsubmit issues

je veux lancer la validation d'utilisateur javascript sur certaines entrées textbox.

le problème que j'ai est que mon formulaire A l'action d'aller à une nouvelle page dans notre site, et le onsubmit attribut n'exécute jamais la fonction javascript.

y a-t-il une meilleure solution, ou une qui fonctionne avec le code suivant: NOTE: le fichier javascript est écrit correctement et fonctionne si vous passez à checkRegistration().

Il s'agit simplement d'un problème avec l'exécution de deux action et javascript.

<form name="registerForm" action="validate.html" onsubmit="checkRegistration()" method="post">
    <!-- textboxes here -->
    <!-- and submit button -->
</form>
39
demandé sur franzlorenzon 2013-04-28 16:20:24

2 réponses

vous devriez arrêter de soumettre la procédure en retournant false sur onsubmit rappel.

<script>
function checkRegistration(){
    if(!form_valid){
        alert('Given data is not correct');
        return false;
    }
    return true;
}
</script>
<form onsubmit="return checkRegistration()"...

mise à jour:

ici, vous avez pleinement l'exemple de fonctionnement, le formulaire ne sera soumis que lorsque vous écrivez google dans la saisie, sinon il retournera l'erreur:

<script>
function checkRegistration(){
    var form_valid = (document.getElementById('some_input').value == 'google');
    if(!form_valid){
        alert('Given data is incorrect');
        return false;
    }
    return true;
}
</script>
<form onsubmit="return checkRegistration()" method="get" action="http://google.com">
    Write google to go to google..<br/>
    <input type="text" id="some_input" value=""/>
    <input type="submit" value="google it"/>
</form>
50
répondu s3m3n 2013-04-28 13:18:52

onsubmit="return checkRegistration()"
7
répondu Arun P Johny 2013-04-28 12:21:45