antonodu Ответов: 0

Проверка переключателей с помощью javascript

Мне нужно проверить ввод радиокнопки, но я не знаю, как это сделать, я хочу, чтобы проверка была, когда кнопка заказа места нажата, по крайней мере, радиокнопка из базы пиццы и раздел начинки должен быть выбран, если только не будет отображаться сообщение об ошибке, к сожалению, я не могу использовать JQuery для этого.

Заранее спасибо

<pre lang="HTML"><form id="orderform">
                    <div3 class="pizzabase">
                        <legend><font size="3" color="black">Select your pizza base*</font></legend><br>
                        <input type="radio" name="small" value="base_small"> Small <span class="price">£5</span><br>
                        <input type="radio" name="medium" value=base_small>  Medium <span class="price">£7.50</span><br>
                        <input type="radio" name="small" value="base_small"> Large <span class="price">£10.00</span><br>
                        <input type="radio" name="small" value="base_small"> Extra Large <span class="price">£12.50</span> <br> 
                        <br>
                       
                    </div3>
                    
                    <div4 class="toppings">
                        <legend><font size="3" color="black">Select one or more toppings*:</font></legend><br>
                        <input type="radio" name="cheese" value="base_medium"> Cheese <span class="price">£0.20</span><br>
                          <input type="radio" name="extras" value="base_medium"> Mushrooms  <span class="price">£0.40</span> <br>
                         <input type="radio" name="extras" value="base_medium"> Ham   <span class="price">£0.50</span> <br>
                         <input type="radio" name="extras" value="base_medium"> Anchovies   <span class="price">£0.60</span> <br>
                    
                    </div4>
                    
                    <div5 class="extras">
                       <legend>Extras*:</legend>
                         <input type="radio" name="extras" value="base_large"> Chips   <span class="price">£1.50</span> <br>
                   

  <input type="radio" name="extras" value="base_large"> Garlic Bread   <span class="price">£2.00</span> <br>
                         
                        
                    </div5>
                        
                    <div6 class="deliveryinfo">
                    Address:    <input type="text" name="address"><br>
                    Postcode:   <input type="text" name="postcode"><br>                    
                      </div6>
                    
                    <input type="button" value="place order">
                    <input type="button" value="reset">
                    
                   </form>


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

Я ничего не пробовал, потому что раньше не проводил валидацию в Javascript

Jochen Arndt

Вы можете сделать одну кнопку выбранной по умолчанию (добавить checked="checked" внутри тега типа).
Тогда у вас всегда будет выбран элемент.

Но вы должны изменить свой второй диапазон переключателей на флажки, потому что переключатели предназначены только для одного выбора, а "выбрать одну или несколько начинок" означает, что допускается несколько вариантов выбора.

Затем найдите в интернете что-то вроде "javascript validate checkbox at least one", чтобы проверить, установлен ли хотя бы один флажок.

antonodu

Спасибо за помощь, но что вы подразумеваете под тем, что я могу сделать одну кнопку выбранной по умолчанию? например, что он делает

Jochen Arndt

Например
<input type="radio" name="small" value="base_small" checked="checked">
сделает" маленькую " кнопку отмеченной по умолчанию. Это означает, что он выбирается при отображении страницы. Поскольку группы переключателей позволяют одновременно выбирать только один элемент, тогда всегда будет выбранная кнопка,и нет необходимости в проверке.

Однако для этого требуется, чтобы все переключатели, принадлежащие группе, имели одно и то же имя (но разные значения). Поэтому вы должны соответствующим образом обновить свой код.

antonodu

Хорошо спасибо

0 Ответов