重新编写的标题为：使用reCAPTCHA验证 - 连接至登录按钮

Question

我一直在尝试在我的小项目中实现reCaptcha。我在登录验证表单部分下面添加了两个脚本，reCaptcha工作正常，但我想删除一个reCaptcha的“提交”按钮，并将其链接到“登录”按钮。有人能帮我吗？

</div>
        
        <div id="content">
            <form action="Validation" method="post">
            <table> 
                <tr><td>用户名：</td><td><input type="text" name="username" value="<%=user%>" /></td></tr>
                <tr><td>密码：</td><td><input type="text" name="password" value="<%=pass%>"/></td></tr>
                <tr><td><input type="submit" name="Login" value="登录"/></td></tr>
            </table>  
        </form>

         <form method="post" onsubmit="return submitUserForm();">
    <div class="g-recaptcha" data-sitekey="My site key" data-callback="verifyCaptcha"></div>
    <div id="g-recaptcha-error"></div>
    <input type="submit" name="submit" value="提交" />

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

我尝试了一些方法，但对我没有起作用。

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>