HTML5 обязательный валидатор не работает с типом ввода = кнопка

Question

Вот мой HTML-код

<form id="form1" runat="server">
<input id="q" required />
<input id="btn" type="submit" value="Search">
</form>

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

<form id="form1" runat="server">
<input id="q" required />
<input id="btn" type="button" value="Search">
</form>

Но требуемый валидатор не работает

Answer 1

Это потому, что требуемый валидатор вызывается только при отправке, а кнопка type= не является отправкой. Попробуйте это ( http://jsfiddle.net/upgradellc/vrTLw/):

<form id="form1" runat="server">
    <input id="q" required />
    <input id="btn" type="submit" value="Search">
</form>