Подтвердить выбор окна

Я использую плагин jQuery Validation для проверки формы. У меня есть список выбора, который выглядит так:

<select id="select">
<option value="">Choose an option</option>
<option value="option1">Option1</option>
<option value="option2">Option2</option>
<option value="option3">Option3</option>
</select>

Теперь я хочу убедиться, что пользователь выбирает что-либо, кроме "Выбрать параметр" (который является стандартным). Так что он не будет проверяться, если вы выберете первый вариант. Как это можно сделать?

Ответ 1

Просто добавьте класс, необходимый для выбора

<select id="select" class="required">

Ответ 2

Во-первых, вы можете "отключить" вариант, который случайно выбрали пользователи:

<option value="" disabled="disabled">Choose an option</option>

Затем внутри вашего события JavaScript (неважно, является ли это jQuery или JavaScript), для вашей формы для проверки, установлено ли это, выполните:

select = document.getElementById('select'); // or in jQuery use: select = this;
if (select.value) {
  // value is set to a valid option, so submit form
  return true;
}
return false;

Или что-то в этом роде.

Ответ 3

Я не знаю, как был плагин, когда задавался вопрос (2009), но сегодня я столкнулся с такой же проблемой и решил так:

  • Дайте вашему тегу select атрибут имени. Например, в этом случае

    <select name="myselect">

  • Вместо того, чтобы работать с атрибутом value = "default" в опции тега, отключите опцию по умолчанию, предложенную Джереми Виссером или установите value = ""

    <option disabled="disabled">Choose...</option>

    или

    <option value="">Choose...</option>

  • Задайте правило проверки плагинов

    $( "#YOUR_FORM_ID" ).validate({ rules: { myselect: { required: true } } });

    или

    <select name="myselect" class="required">

Obs: решение redsquare работает только в том случае, если у вас есть только один выбор в вашей форме. Если вы хотите, чтобы его решение работало с несколькими избранными, добавьте атрибут имени в свой выбор.

Надеюсь, это поможет!:)

Ответ 4

<select id='bookcategory' class="form-control" required="">
                    <option value="" disabled="disabled">Category</option>
                    <option value="1">LITERATURE & FICTION</option>
                    <option value="2">NON FICTION</option>
                    <option value="3">ACADEMIC</option>
            <option value="4">CHILDREN & TEENS</option>

                </select>

Проверка HTML-формы может выполняться браузером автоматически. Попробуйте приведенный выше код:
Остальное все будет сделано автоматически, не нужно создавать какие-либо функции js только в этом раскрывающемся меню и кнопку отправки.

Ответ 5

if (select == "") {
    alert("Please select a selection");
    return false;

Это должно сработать для вас. Это просто для меня.

Ответ 6

Возможно, есть более короткий путь, но это работает для меня.

<script language='JavaScript' type='text/javascript'>
    function validateThisFrom(thisForm) {
        if (thisForm.FIELDNAME.value == "") {
            alert("Please make a selection");
            thisForm.FIELDNAME.focus();
            return false;
        }
        if (thisForm.FIELDNAME2.value == "") {
            alert("Please make a selection");
            thisForm.FIELDNAME2.focus();
            return false;
        }
    }
</script>
<form onSubmit="return validateThisFrom (this);">
    <select name="FIELDNAME" class="form-control">
        <option value="">- select -</option>
        <option value="value 1">Visible info of Value 1</option>
        <option value="value 2">Visible info of Value 2</option>
    </select>
    <select name="FIELDNAME2" class="form-control">
        <option value="">- select -</option>
        <option value="value 1">Visible info of Value 1</option>
        <option value="value 2">Visible info of Value 2</option>
    </select>
</form>

Ответ 7

вы хотите удостовериться, что пользователь выбирает что угодно, кроме "Выбрать параметр" (который по умолчанию используется). Так что он не будет проверяться, если вы выберете первый вариант. Как это можно сделать?

Вы можете сделать это, просто добавив в тег select атрибут required = "required". вы можете увидеть его ниже кода

<select id="select" required="required">
<option value="">Choose an option</option>
<option value="option1">Option1</option>
<option value="option2">Option2</option>
<option value="option3">Option3</option>
</select>

Он отлично работал у меня в chorme, firefox и Internet explorer. Спасибо

Ответ 8

   <script type="text/JavaScript">  
function validate() 
{
if( document.form1.quali.value == "-1" )
   {
     alert( "Please select qualification!" );
     return false;
   }
}

</script>
<form name="form1" method="post" action="" onsubmit="return validate(this);">
<select name="quali" id="quali" ">
        <option value="-1" selected="selected">select</option>
        <option value="1">Graduate</option>
        <option value="2">Post Graduate</option>
      </select> 
</form>





// this code works 110% tested by me after many complex jquery method validation but it is simple javascript method plz try this if u fail in drop down required validation//