添加功能以提交时不会出现自动验证

Question

我有这样的脚本，（使用 jquery.validate.js）

input.php

<?php
if ($input=='inputform'){
echo $_POST[username].'-'.$_POST[email];
}
?>

form.php

<script type="text/javascript">
$(document).ready(function() {
var validator = $("#signupform").validate({
    rules: {
        username: {
            required: true,
            minlength: 2,
            remote: "users.action"
        },
        email: {
            required: true,
            email: true,
            remote: "emails.action"
        }
    },
    messages: {
        username: {
            required: "enter your name",
            minlength: jQuery.format("enter at least {0} character"),
            remote: jQuery.format("{0} is already in use")
        },
        email: {
            required: "enter your email",
            minlength: "enter your email",
            remote: jQuery.format("{0} is already in use")
        }
    }
}); 

//automatic validation does not appear when users type in error. It happens when I make a submit function like this. 
$("#sign").CheckAndSubmit(function()
    {         
        window.onload {
        document.getElementById('signupform').submit();
    }
    }); 

 });
</script>

<form id="signupform" action="input.php?input=inputform" method="post" onsubmit="return CheckAndSubmit()">
        <table>
    <tr>
        <td class="label">Name</td>
            <td><input id="username" name="username" type="text" value="" maxlength="50" /></td>
            <td class="status"></td>
    </tr>
    <tr>
        <td class="label">Email</label></td>
            <td><input id="email" name="email" type="text" value="" maxlength="150" /></td>
            <td class="status"></td>
    </tr>
    </table><table>     
    <tr>
        <td></td>
        <td><input name="submit" type="submit" value="Order"> </td>
    </tr>
</table>

我希望出现自动验证并运行提交过程。在本节中是否有人可以帮助解决这个问题。之前谢谢你

$("#sign").CheckAndSubmit(function()
    {         
        window.onload {
        document.getElementById('signupform').submit();
    }
    }); 

Answer 1

因为使用脚本调用提交不会触发点击事件。所以试试

$('#signupform').submit();

而不是

document.getElementById('signupform').submit();

演示：Fiddle

注意：您的脚本中还有其他语法错误，名称为 submit 的提交按钮将覆盖表单方法 submit，这将阻止 form.submit() 调用，因此请重命名按钮。