Как проверить гиперссылку и флажок при нажатии кнопки "Отправить"

Question

У нас есть кнопка отправки с флажком и гиперссылкой в ​​представлении в mvc 3. нам нужно проверить как флажок, так и гиперссылку при нажатии кнопки отправки. Например, в случае, если флажок не установлен и пользователь нажимает кнопку "Отправить", нам нужно показать сообщение об ошибке "пожалуйста, установите флажок". если флажок установлен и гиперссылка не нажата пользователем, нам нужно показать сообщение об ошибке "Пожалуйста, нажмите на ссылку". Как решить этот Senario, используя 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>