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

Question

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

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>