Titre réécrit : Authentification avec reCAPTCHA - Bouton Se connecter au login

Question

J'ai essayé d'implémenter reCaptcha dans mon petit projet. J'ai ajouté deux scripts sous la section du formulaire de validation de connexion et le reCaptcha fonctionne correctement mais je souhaite supprimer l'un des boutons "Soumettre" de reCaptcha et le lier au bouton "Connexion". Quelqu'un peut-il m'aider?

</div>
        
        <div id="contenu">
            <form action="Validation"méthode="post">
            <tableau>
                <tr><td>Nom d'utilisateur :</td><td><type d'entrée="texte" nom="nom d'utilisateur" valeur="<%=utilisateur%" ;</td></tr>
                <tr><td>Mot de passe :</td><td><type d'entrée="texte" nom="mot de passe" valeur="<%=pass%"/> ;</td></tr>
                <tr><td><type d'entrée="soumettre" nom="Connexion" valeur="Connexion"/></td></tr>
            </tableau>
        </formulaire>

         <form method="post" onsubmit="return submitUserForm();">
    <div class="g-recaptcha" data-sitekey="Mon clé de site" data-callback="verifyCaptcha"></div>
    <div id="g-recaptcha-error"></div>
    <type d'entrée="soumettre" nom="soumettre" valeur="Soumettre" />

</formulaire>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script>
var recaptcha_response = '';
fonction submitUserForm() {
    si (recaptcha_response.length == 0) {
        document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Ce champ est obligatoire. </envergure>';
        renvoie faux ;
    }
    renvoie vrai ;
}
 
fonction verifyCaptcha (jeton) {
    recaptcha_response = jeton ;
    document.getElementById('g-recaptcha-error').innerHTML = '';
}
</script>

J'ai essayé plusieurs choses mais cela n'a pas fonctionné pour moi.

Answer 1

Trier tout

</div>
        
        <div id="content">
<form action="Validation" method="post" onsubmit="return submitUserForm();">
    <table> 
        <tr><td>用户名：</td><td><input type="text" name="username" value="<%=username%>" /></td></tr>
        <tr><td>密码：</td><td><input type="password" name="password" value="<%=password%>"/></td></tr>
        
        <tr >
            <td colspan="2">
            <div class="g-recaptcha" data-sitekey="我的站点密钥" data-callback="verifyCaptcha"></div>
            <div id="g-recaptcha-error"></div>
            </td>
        </tr>
        <tr><td><input type="submit" name="Login" value="登录"/></td></tr>
    </table>  
        
</form>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script>
var recaptcha_response = '';
function submitUserForm() {
    if(recaptcha_response.length === 0) {
        document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">此字段为必填项。</span>';
        return false;
    }
    return true;
}
 
function verifyCaptcha(token) {
    recaptcha_response = token;
    document.getElementById('g-recaptcha-error').innerHTML = '';
}
</script>