Member 10926063 Ответов: 2

Сделать текстовое поле обязательным, если оно видимо(текстовое поле видимо на основе выбора переключателя да/нет)

У меня есть список переключателей, и при выборе Да/Нет мне нужно Скрыть / показать текстовое поле.
Если выбрано да, то текстовое поле будет видно, а если нет, то скрыто.
Если текстовое поле видно, то мне нужно сделать его обязательным с помощью Jquery.

Что я уже пробовал:

Если radiobtn.selected установлен флажок
Тогда текстовое поле является обязательным.

2 Ответов

Рейтинг:
0

Karthik_Mahalingam

попробовать это

<html>
<head>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <script>
        function check() {
            var value = $('input[name=opt]:checked').val();
            if (value == 'Yes')
                $('#txtbox').show();
            else
                $('#txtbox').hide();

            if (value == 'Yes' && $('#txtbox').val() == '') {
                alert('Please enter the mandatory field');
                return false;
            }
            else {
                alert('submit!!');
                return true;
            }

        }

        $(document).ready(function () {
            $('input[name=opt]').change(function () {
                if (this.value == 'Yes') {
                    $('#txtbox').show();
                }
                else {
                    $('#txtbox').hide();
                }
            });
        });
    </script>


</head>
<body>

    <input type="radio" name="opt" checked value="Yes"> Yes<br>
    <input type="radio" name="opt" value="No"> No<br>
    <input type="text" id="txtbox" />
    <button onclick="check()">submit</button>


</body>
</html>

Рейтинг:
0

Lino Mendoza 

you can use $("p").hide(); and $("p").show();

$('#element').click(function() {
   if($('#radio_button').is(':checked')) { 
     $("#texboxid").show();
   }else{
     $("#texboxid").hide();
   }
});

Member 10926063

Я делаю то же самое,но мне нужно сделать текстовое поле обязательным/обязательным, если оно видно при отправке формы.