Javascript 单击“提交”按钮时如何验证超链接和复选框

我们在MVC3的视图中有一个带有复选框和超链接的提交按钮。我们需要在点击提交按钮时验证复选框和超链接。 对于eaxmple，如果未选中复选框且用户点击提交，我们需要显示错误消息“请选中复选框”。 如果选中复选框且用户未单击超链接，我们需要显示错误消息“请单击链接”。

---

如何使用jquery和MVC3解决这个问题

您需要有一种方法来跟踪客户端超链接的单击操作。如果您希望在服务器上跟踪它，那么这是另一回事。因此，假设您的超链接有一个id

Link1

，并且复选框有一个id

AcceptMe

。你可以这样做

<script>
    var isLinkClicked = false;
    $(function() {
        $("Link1").click(function() {
            isLinkClicked = true;
        });
        $("#submitButtonId").click(function(){
            if (!isLinkClicked) { 
               alert("Please click the link"); // or show it somewhere
               return;
            }
            if (!$("#AcceptMe").is(":checked")) {
               alert("Please check the checkbox"); // or show it somewhere
               return;
            }
            // else submit your form
        });
    });
</script>

var isLinkClicked=false；
$（函数（）{
$（“Link1”）。单击（函数（）{
isLinkClicked=true；
});
$（“#提交按钮ID”）。单击（函数（）{
如果（！isLinkClicked）{
警告（“请单击链接”）；//或在某处显示
返回；
}
如果（！$（“#AcceptMe”）是（“：选中”））{
警告（“请选中复选框”）；//或在某处显示
返回；
}
//否则请提交您的表格
});
});