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

How to validate the hyper link and checkbox when submit button is clicked

本文关键字：验证 超链接 复选框 按钮 单击 提交      更新时间：2023-09-26

我们在MVC 3的视图中有一个带有复选框和超链接的提交按钮。我们需要在单击提交按钮时验证复选框和超链接。例如，如果复选框未被选中，用户点击提交，我们需要显示错误消息"请选中复选框"。如果复选框被选中，超链接没有被用户点击，我们需要显示错误信息"请点击链接"。如何使用jquery和MVC 3解决这种情况?

您需要有一种方法来跟踪客户端超链接的单击操作。如果你想在服务器上跟踪它，那就是另一回事了。假设超链接的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>
相关文章：