Umgeschriebener Titel: Authentifizierung mit reCAPTCHA – Mit der Anmeldeschaltfläche verbinden

Question

Ich habe versucht, reCaptcha in meinem kleinen Projekt zu implementieren. Ich habe unterhalb des Anmeldevalidierungsformularabschnitts zwei Skripte hinzugefügt und das reCaptcha funktioniert einwandfrei, aber ich möchte eine der Schaltflächen „Senden“ des reCaptchas entfernen und sie mit der Schaltfläche „Anmelden“ verknüpfen. Kann mir jemand helfen?

</div>
        
        <div id="content">
            <form action="Validation" method="post">
            <Tabelle>
                <tr><td>Benutzername:</td><td" name="username" value="<%=user%> ;</td></tr>
                <tr><td>Passwort:</td><td"<input type="text" name="password" value="<%=pass%>"/> ;</td></tr>
                <tr><td><input type="submit" name="Login" value="Login"/></td></tr>
            </table>
        </form>

         <form method="post" onsubmit="return subscriberForm();">
    <div class="g-recaptcha" data-sitekey="Mein Site-Schlüssel" data-callback="verifyCaptcha"></div>
    <div id="g-recaptcha-error"></div>
    <input type="submit" name="submit"

</form>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script>
var recaptcha_response = '';
Funktion subscribeUserForm() {
    if(recaptcha_response.length == 0) {
        document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">Dieses Feld ist erforderlich. </span>';
        falsch zurückgeben;
    }
    return true;
}
 
Funktion verifyCaptcha(token) {
    recaptcha_response = token;
    document.getElementById('g-recaptcha-error').innerHTML = '';
}
</script>

Ich habe ein paar Dinge ausprobiert, aber es hat bei mir nicht funktioniert.

Answer 1

全部排序

</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>