單擊提交按鈕時如何驗證超鏈接和復選框

Question

我們在mvc 3的視圖中有一個帶有復選框和超鏈接的提交按鈕。我們需要在單擊提交按鈕時同時驗證復選框和超鏈接。 對於eaxmple，如果未選中該復選框並且用戶單擊了提交，我們需要顯示錯誤消息“請選中該復選框”。 如果選中此復選框，並且用戶未單擊超級鏈接，我們需要顯示錯誤消息“請單擊鏈接”。 如何使用jquery和mvc 3解決此senario？

Answer 1

您需要一種方法來跟蹤客戶端上超鏈接的單擊操作。 如果您想在服務器上跟蹤它，那是另一回事。 因此，假設您的超鏈接的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>