blocks|key|260029|text|试试这个；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|260030|<button+type="button"+formnovalidate>Cancel</button>|code-block|syntax|javascript|260031|我更改了您的代码:您想要的是不应该在单击cancel时验证您的表单，这就是为什么我在cancel按钮中添加了formnovalidate。|260032|<form>
++++<input+type="number"+min="1"+max="100"+required+/>
++++<input+type="submit">Add</input>
++++<input+type="submit"+formnovalidate>Cancel</input>
</form>|260033|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Try this;</p>

<pre><code>&lt;button type="button" formnovalidate&gt;Cancel&lt;/button&gt;
</code></pre>

<p>I changed your code:
What you want is that your form should not be validated on click of cancel, so that's why i added the formnovalidate to the button cancel.</p>

<pre><code>&lt;form&gt;
    &lt;input type="number" min="1" max="100" required /&gt;
    &lt;input type="submit"&gt;Add&lt;/input&gt;
    &lt;input type="submit" formnovalidate&gt;Cancel&lt;/input&gt;
&lt;/form&gt;
</code></pre>


blocks|key|43316|text|尝试将formnovalidate属性添加到您的取消按钮|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|43317|<button+type="button"+formnovalidate>Cancel</button>|code-block|syntax|javascript|43318|entityMap^0|3|E|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>Try to add <code>formnovalidate</code> attribute to your cancel button</p>

<pre><code>&lt;button type="button" formnovalidate&gt;Cancel&lt;/button&gt;
</code></pre>


blocks|key|260103|text|您可以在取消按钮上使用formnovalidate-选项，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|260104|<input+name="cancel"+type="submit"+value="Cancel"+formnovalidate/>|code-block|syntax|javascript|260105|请参阅Symfony2+form+validation+with+html5+and+CANCEL+button|offset|length|260106|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/14756362/symfony2-form-validation-with-html5-and-cancel-button^0|0|0|3|1H|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>You could use the formnovalidate-option on the cancel-button, like this:</p>

<pre><code>&lt;input name="cancel" type="submit" value="Cancel" formnovalidate/&gt;
</code></pre>

<p>See <a href="https://stackoverflow.com/questions/14756362/symfony2-form-validation-with-html5-and-cancel-button">Symfony2 form validation with html5 and CANCEL button</a></p>


blocks|key|260163|text|如果您的输入按钮为runat=server，那么您必须具有属性causesvalidation="false"，否则，如果您只是使用html+input+type按钮来取消，那么在单击cancel时使用javascript重定向到您的页面。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|260164|例如。1)|260165|<input+type="button"+id="btnCancel"+class="button+blue"+value="Cancel"+**causesvalidation="false"**+onserverclick="btnCancel_Click"+runat="server"+/>|code-block|syntax|javascript|260166|2)|260167|<input+type="button"+id="btnCancel"+class="button+blue"+value="Cancel"+**onclick="GoTo();"**/>

<script+type="text/javascript">
function+GoTo()+{
++++++++++++window.location.href+=+'../default.aspx';
++++++++}
</script>|260168|entityMap^0|9|C|V|O|2T|A|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|R|$]]

<p>If you have the input button as <code>runat=server</code> then you must have the property <code>causesvalidation="false"</code> or else if you are simply using html input type button for cancel use <code>javascript</code> to redirect to your page on click of cancel.</p>

<p>For eg.
1)</p>

<pre><code>&lt;input type="button" id="btnCancel" class="button blue" value="Cancel" **causesvalidation="false"** onserverclick="btnCancel_Click" runat="server" /&gt;
</code></pre>

<p>2)</p>

<pre><code>&lt;input type="button" id="btnCancel" class="button blue" value="Cancel" **onclick="GoTo();"**/&gt;

&lt;script type="text/javascript"&gt;
function GoTo() {
            window.location.href = '../default.aspx';
        }
&lt;/script&gt;
</code></pre>


blocks|key|43402|text|在asp.net+5enter+link+description+here按钮控件中尝试此代码|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|43403|<form>
<input+type="number"+min="1"+max="100"+required+/>
<button+type="button">Add</button>
<button+type="button"+formnovalidate="formnovalidate">Cancel</button>|code-block|syntax|javascript|43404|​|43405|邮箱:alduar+.net+news|43406|entityMap|0|LINK|mutability|MUTABLE|url|http://alduar.blogspot.com/|1^0|A|R|0|0|0|0|A|9|1|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|10|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|M|3|-4|5|6|7|15|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|T]]]]

<p>Try this code at asp.net 5<a href="http://alduar.blogspot.com" rel="nofollow">enter link description here</a> button control</p>

<pre><code>&lt;form&gt;
&lt;input type="number" min="1" max="100" required /&gt;
&lt;button type="button"&gt;Add&lt;/button&gt;
&lt;button type="button" formnovalidate="formnovalidate"&gt;Cancel&lt;/button&gt;
</code></pre>

<p></p>

<p>Aldo Flores Reyes
@alduar
<a href="http://alduar.blogspot.com" rel="nofollow">.net news</a></p>


blocks|key|43424|text|试用此one.it+works+fine.It将在“提交”按钮上工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|43425|<asp:TextBox+runat="server"+ID="inputusername"+required+/>|code-block|syntax|javascript|43426|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>try this one.it works fine.It will work on submit button</p>

<pre><code>&lt;asp:TextBox runat="server" ID="inputusername" required /&gt;
</code></pre>


<p>I have one HTML text box (for quantity) and two HTML buttons (Add, Cancel) inside my form.</p>

<pre><code>&lt;form&gt;
    &lt;input type="number" min="1" max="100" required /&gt;
    &lt;button type="button"&gt;Add&lt;/button&gt;
    &lt;button type="button"&gt;Cancel&lt;/button&gt;
&lt;/form&gt;
</code></pre>

<p>I do not want my second button (cancel) to validate the form when clicked.</p>

<p>Is this possible? In ASP.NET, I can use CausesValidation="false" to not trigger the validation.</p>


How not to validate HTML5 text box with required attribute

我的表单中有一个HTML文本框(表示数量)和两个HTML按钮(添加、取消)。<form>    <input type="number" min="1" max="100" required />    <button type="button">Add</button>    <button type="button...

问如何不验证具有必需属性的HTML5文本框
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何不验证具有必需属性的HTML5文本框EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何不验证具有必需属性的HTML5文本框
EN