blocks|key|1152647|text|使用不带任何div的原始javascript+...|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1152648|你可以拥有这个function|1152649|function+confirmSubmit()+{
++if+(confirm("Are+you+sure+you+want+to+submit+the+form?"))+{
++++document.getElementById("FORM_ID").submit();
++}
++return+false;
}|code-block|syntax|javascript|1152650|可以从表单中的onsubmit事件调用该函数，也可以在button中的onclick事件上调用该函数。|1152651|顺便问一下，你听说过JQuery吗。它是一个JS库，里面有很多有用的东西，可以让你以一种舒适而优美的方式编写javascript。|1152652|作为您想要完成的操作的示例，请以JQuery中的这个confirmation+dialog为例|1152653|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/|1|2|http://jqueryui.com/demos/dialog/#modal-confirmation^0|C|A|0|7|8|0|0|7|8|R|6|Z|7|0|A|6|A|6|0|0|G|6|G|6|1|Q|J|2|0^^$0|@$1|2|3|4|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|19|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1A|8|@$9|1B|A|1C|B|C]|$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|O|3|P|5|6|7|1H|8|@$9|1I|A|1J|B|C]]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|Q|3|R|5|6|7|1N|8|@$9|1O|A|1P|B|C]]|D|@$9|1Q|A|1R|1|1S]|$9|1T|A|1U|1|1V]]|E|$]]|$1|S|3|-4|5|6|7|1W|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]|10|$5|V|W|X|E|$Y|Z]]|11|$5|V|W|X|E|$Y|12]]]]

<p>Using raw <code>javascript</code> without any div...</p>

<p>You can have this <code>function</code></p>

<pre><code>function confirmSubmit() {
  if (confirm("Are you sure you want to submit the form?")) {
    document.getElementById("FORM_ID").submit();
  }
  return false;
}
</code></pre>

<p>And you can call that function from the <code>onsubmit</code> event in the form, or on the <code>onclick</code> event in the <code>button</code>.</p>

<p>By the way, have you heard about <a href="http://jquery.com/" rel="nofollow noreferrer"><code>JQuery</code></a>. Its a JS Library with a lot of helpful things that give you a comfort and beauty way of coding javascript.</p>

<p>As an example of what you want to get done, take this <a href="http://jqueryui.com/demos/dialog/#modal-confirmation" rel="nofollow noreferrer">confirmation dialog</a> from  <a href="http://jquery.com/" rel="nofollow noreferrer"><code>JQuery</code></a> as example</p>


blocks|key|1152672|text|您也可以使用表单标记本身中的一行来完成此操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1152673|<form+action="exampleHandlerPage.php"+method="post"+onsubmit="return+confirm('Are+you+sure+you+want+to+submit?');">|code-block|syntax|javascript|1152674|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>You can also do it with one line in the form tag itself</p>

<pre><code>&lt;form action="exampleHandlerPage.php" method="post" onsubmit="return confirm('Are you sure you want to submit?');"&gt;
</code></pre>


blocks|key|1152697|text|<form+action="<form+handler>"+method="post"+onsubmit="return+confirm('Are+you+sure+you+want+to+submit?')">|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1152698|这个javascript是否可以存储不同于标签"form"，替换|unstyled|1152699|return+confirm(...)|1152700|使用类似于|1152701|return+sendata(...)|1152702|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|M|3|-4|5|F|7|T|8|@]|9|@]|A|$]]]|N|$]]

<pre><code>&lt;form action="&lt;form handler&gt;" method="post" onsubmit="return confirm('Are you sure you want to submit?')"&gt;
</code></pre>

<p>is this javascript can be store diferent from tag "form", replace </p>

<pre><code>return confirm(...)
</code></pre>

<p>with something like </p>

<pre><code>return sendata(...)
</code></pre>


blocks|key|1152725|text|如果在一个表单中有两个或多个提交按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1152726|<input+type="submit"+value="Edit">
<input+type="submit"+name="delete"+value="Delete"+onclick="return+confirm('Confirm,+please.');">|code-block|syntax|javascript|1152727|仅当您单击Delete按钮时，才会显示该对话框。|offset|length|style|CODE|1152728|entityMap^0|0|0|5|6|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>If you have 2 or more submit buttons in one form:</p>

<pre><code>&lt;input type="submit" value="Edit"&gt;
&lt;input type="submit" name="delete" value="Delete" onclick="return confirm('Confirm, please.');"&gt;
</code></pre>

<p>The dialog shows up only when you click the <code>Delete</code> button.</p>


<p>this is a general form code</p>

<pre><code>&lt;form name="search_form" action="" method="POST"&gt;
&lt;input type="text" name="search_text"&gt;          
&lt;input type="submit" name="search_bt" value="Go"&gt;
&lt;/form&gt;
</code></pre>

<p>is there a way could have a confirmation dialog saying 'Yes'\'No' or 'Confirm'\'Cancel' etc...</p>

<p>One way i figured of dong is is with CSS Layer and JavaScript and Php... that have a php <code>isset(){}</code> chechk on the button and when set display a Div displayed with two buttons and <code>onclick=func()</code> JS function of those buttons have a php variable(flag) set and then i can <code>if(flag){}</code> to continue or skip some code...</p>

<p>well that is going to work and plus point is that i can have a well themed dialog box but i just wanna make my life easier...</p>


HTML - Form Submit Button Confirmation Dialog

这是一个通用的表单代码<form name="search_form" action="" method="POST"><input type="text" name="search_text">          <input type="submit" name="search_bt" value="Go"></f...

问HTML -表单提交按钮确认对话框
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML -表单提交按钮确认对话框EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML -表单提交按钮确认对话框
EN