Arhn - архитектура программирования

проверка при проверке формы, был ли выбран выбор (переключатель), прежде чем позволить пользователю перейти к следующему разделу

У меня есть анкета с несколькими вариантами ответов с пятью вопросами на моей html-странице. В каждом вопросе используются переключатели, позволяющие пользователю выбрать один из пяти ответов. Я хочу убедиться, что пользователь выбрал один из этих пяти переключателей, прежде чем разрешить ему перейти на другую страницу. Страница PHP отправляет ответ в мою базу данных. Если пользователь пропускает проверку одного из ответов, ни один из ответов не попадает в базу данных. Я думаю, что ищу какой-нибудь java-скрипт, который будет перебирать каждый из пяти возможных ответов, чтобы проверить при отправке формы, проверил ли пользователь один переключатель, прежде чем разрешить им перейти на следующую страницу. Спасибо за вашу помощь. Мой HTML-код только для двух вопросов выглядит так:

<tr> <td> Question 1.  </td> 
<td  align="center"> <input type="radio" name="q1" value="0" /></td>
<td  align="center"> <input type="radio" name="q1" value="1" /> </td>
<td  align="center"> <input type="radio" name="q1" value="2" /> </td>
 <td  align="center"> <input type="radio" name="q1" value="3" /> </td>
 <td  align="center"> <input type ="radio" name="q1" value="4" /> </td> 
 </tr>
 <tr> <td> Question 2.  </td>
 <td  align="center"><input type="radio" name="q2" value="0"/></td>
 <td  align="center"> <input type="radio" name="q2" value="1"/> </td>
 <td  align="center"> <input type="radio" name="q2" value="2"/> </td>
 <td  align="center"> <input type="radio" name="q2" value="3"/> </td>
 <td  align="center"> <input type ="radio" name="q2" value= "4"/> </td> </tr>
javascript php forms html jquery
25.11.2013

  • Какой JavaScript вы уже пробовали? 25.11.2013

Ответы:


1

Рассмотрим следующий пример... И внесите изменения в свой код... Вы можете вызвать функцию js (используя onsubmit()). Как это

<form id="ID" method="post" action="servletName" onSubmit="return validateOption()">
<input type=radio name=r1 value="1" >A</input>

<input type=radio name=r1 value="2">B</input>
<input type="submit" value="Submit"><span id="error" style="display:none;"></span>
</form>

Ваш сценарий идет сюда, чтобы проверить, выбран ли вариант или нет. Отправка страницы возможна только в том случае, если onsubmit=true, т.е. если validateOption() возвращает true.

<script>
function validateOption()
{
    var group=document.getElementsByName("r1");

     for ( var i = 0; i < group.length; i++)
     { 
         if (group[i].checked) 
             return true;
             }
        // else you can show error message like this
        document.getElementById("error").innerHTML="Please enter your choice";
        return false;
    }
</script>
25.11.2013
  • Спасибо, uma_SF. Я хочу показать сообщение об ошибке, как вы предлагаете. Это означает, что мне нужен оператор else, не так ли? Можете ли вы сказать, нужно ли сообщение об ошибке перед ним? 25.11.2013
  • В остальном нет необходимости.. Если какой-либо из параметров отмечен.. if (group[i].checked) return true; вернет true, и если ни один параметр не выбран, он вернет false... Как только он вернет true, следующие операторы не обрабатываются, поэтому нет необходимости в другом... 25.11.2013
  • Будет голосовать, если работает и спасибо. Попробую завтра, Рози. 25.11.2013
  • Привет еще раз, Борюсь с насморком и не думаю слишком ясно. Я попробовал именно ваш пример, во-первых, поместив java в html-страницу, а во-вторых, в виде отдельного js-документа. (Я использую html-страницу, которая у меня была изначально, и она была подключена к внешнему js). Но я продолжаю получать сообщение об ошибке с сервера, Объект не найден! Запрошенный URL-адрес не найден на этом сервере. Ссылка на ссылающейся странице кажется неверной или устаревшей. Пожалуйста, сообщите автору этой страницы об ошибке. поэтому я не могу сказать, работает ли ваш код или нет. Обычно я должен быть в состоянии решить это. 26.11.2013
  • попробуйте несколько основных простых примеров, и вы все узнаете.. Попробуйте какой-нибудь образец на w3schools.com... Я только что дал примерное представление.. Там могут быть ошибки... 26.11.2013
    • Новые материалы
    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..