Question

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

Answer 1

您需要有一种方法来跟踪客户端上超链接的单击操作。如果你想在服务器上跟踪它，那么这是另一回事。因此，假设您的超链接具有标识Link1，并且该复选框的标识为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>

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

1 个答案: