javascript - 单击提交按钮时如何验证超链接和复选框

Question

我们在 mvc 3 的视图中有一个带有复选框和超链接的提交按钮。我们需要在单击提交按钮时验证复选框和超链接。例如，如果未选中复选框并且用户点击提交，我们需要显示错误消息“请选中复选框”。如果选中该复选框并且用户未单击超链接，我们需要显示错误消息“请单击链接”。如何使用 jquery 和 mvc 3 解决这个问题？

Answer 1

您需要有一种方法来跟踪客户端上超链接的单击操作。如果您希望在服务器上跟踪它，那是另一回事。所以假设你的超链接有一个 idLink1并且复选框有一个 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>