Не удается получить форму для подтверждения требуемого ввода - PullRequest
0 голосов
/ 25 сентября 2019

Создал этот очень простой код, чтобы повторить мою проблему.Форма не будет отправлена, если введенный текст не имеет значения (правильно).Но он будет отправлять, если выбранный вход не выбран (неверно).Я, наверное, упускаю что-то очень простое здесь, но я не знаю, что.

Редактировать: Только что понял, что это работает в Firefox;но не Chrome.

Редактировать 2: Chrome отображает мою страницу следующим образом, а не тем, что есть в моем коде.

<option value>Select</option>

Есть идеи почему?Это страница .razor, если это имеет значение.Но, основываясь на других исследованиях, отсутствие значения = "" объясняет, почему оно не работает в Chrome.

     <form>
        <div>
            Any Text: 
            <input type="text" required="required" />
        </div>
        <div>
            Country: 
            <select required="required">
                <option value="">Select</option>
                <option value="US">United States</option>
                <option value="CA">Canada</option>
            </select>
        </div>
        <div>
            <button type="submit">
                Test
            </button>
        </div>
    </form>

Редактировать 3: Я получил HTML для правильной визуализации в Chrome с помощьюследующий обходной путь, но проверка в Chrome по-прежнему не работает:

  <form>
        <div>
            Any Text:
            <input type="text" required="required" />
        </div>
        <div>
            Country:
            <select required="required">
                <option value="@blankString">Select</option>
                <option value="US">United States</option>
                <option value="CA">Canada</option>
            </select>
        </div>
        <div>
            <button type="submit">
                Test
            </button>
        </div>
    </form>

@code {
    string blankString = "";
}

Источник кода страницы:

<select required="required">
                <option value="">Select</option>
                <option value="US">United States</option>
                <option value="CA">Canada</option>
            </select>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...