submit 相关问题

单击“取消”按钮后，Sweetalert 仍提交表单

我有一个使用 sweetalert.js 的 Laravel 5.8 项目。 我有一个这样的表格： @csr... 我有一个使用 sweetalert.js. 的 Laravel 5.8 项目 我有一个这样的表格： <form id="myForm" action="{{ route('acceptWallet') }}" method="POST"> @csrf <input type="checkbox" id="btn-submit" name="wallet_checked" onchange="this.form.submit();"> </form> 如您所见，我使用了 onchange="this.form.submit();" 来提交表单，而没有使用提交按钮，并且效果很好。 然后通过使用此脚本，我尝试显示 SweetAlert 确认消息框，其中包含 Yes 和 No 作为按钮： $(document).on('click', '#btn-submit', function(e) { e.preventDefault(); let form = $(this).parents('form'); swal( { title: "Attention!", text: "Are you sure you want to make this transaction", type: "warning", allowEscapeKey: false, allowOutsideClick: false, showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes", cancelButtonText: "No", showLoaderOnConfirm: true, closeOnConfirm: false }).then((isConfirm) => { if (isConfirm) { document.getElementById("myForm").submit(); return true; } return false; }); }); 现在它工作正常，但唯一的问题是，当我单击No按钮（即CancelButton）时，它仍然提交表单并调用操作。 所以问题是，当用户按下 No 按钮时，如何拒绝 submit()？ 将代码更改为： $(document).on('click', '#btn-submit', function(e) { e.preventDefault(); let form = $(this).parents('form'); swal( { title: "Attention!", text: "Are you sure you want to make this transaction", type: "warning", allowEscapeKey: false, allowOutsideClick: false, showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes", cancelButtonText: "No", showLoaderOnConfirm: true, closeOnConfirm: false }).then((isConfirm) => { if (isConfirm === true) { document.getElementById("myForm").submit(); } }); }); 试试这个代码： $(document).on('click', '#btn-submit', function(e) { e.preventDefault(); let form = $(this).parents('form'); swal( { title: "Attention!", text: "Are you sure you want to make this transaction", type: "warning", buttons: { cancel: 'No', defeat: { text: 'Yes', value: true } }, closeOnConfirm: false }).then((isConfirm) => { if (isConfirm === true) { document.getElementById("myForm").submit(); } }); }); 首先，您需要在要使用 SweetAlert 触发的表单上设置标志： <form id="myForm" action="{{ route('acceptWallet') }}" method="POST" data-flag="0"> @csrf <input type="checkbox" id="btn-submit" name="wallet_checked"> <input type="submit" value="Submit"> </form> 然后你用JS触发它： const form = $('#myForm'); form.submit(function(e) { if (form.attr('data-flag') == 0) { e.preventDefault(); Swal.fire({ title: 'Attention!', text: 'Are you sure want to make this transaction', icon: 'warning', confirmButtonText: 'Yes', cancelButtonText: 'No', showCancelButton: true }).then((res) => { if(res.isConfirmed) { form.attr('data-flag', '1'); form.submit(); } }); } }); 如果您点击否，将会阻止提交表单 这样做。 复制此代码 <form class="sldier-form" action="{{ route('sliders.destroy', $slider->id) }}" method="post"> @csrf @method('DELETE') <button type="button" class="btn btn-danger btn-sm " onclick="sliderDelete()">delete</button> </form> // jquery 脚本 <script> function sliderDelete() { Swal.fire({ title: 'Are you sure?', text: "You won't be able to revert this!", type: 'warning', showCancelButton: true, customClass: { confirmButton: 'btn btn-success', cancelButton: 'btn btn-danger' }, buttonsStyling: false, confirmButtonText: 'Yes, delete it!' }).then((result) => { if (result.value == true) { $('.sldier-form').submit(); Swal.fire( 'Deleted!', 'Your file has been deleted.', 'success' ) } }) } </script> 与 ASPNet MVC 一起使用：- Swal.fire({ title: 'Title of the sweetalert ?', text: 'I'm using SweetAlert 2', icon: 'info', confirmButtonColor: '#3085d6', showCancelButton: true, cancelButtonColor: '#d33', confirmButtonText: 'Yes', cancelButtonText: 'No' }).then((isConfirm) => { console.log(isConfirm); if (isConfirm.isConfirmed === true) { //Logic in case the user hits Yes button } });

如何以正确的方式处理submit()中的ajax响应？

您将如何在submit()代码块中执行ajax调用并接收响应？ （以适当的方式） 如果您有一个带有提交事件的表单，您可以在验证时执行此操作...

PHP 文件上传外部网址

我已经构建了一个可以在其中添加图像的表单。不幸的是，我无法在 PHP 中调用“move_uploaded_file”，因为服务器正在运行 PHP 安全模式，并且无法修改它（我有

当访问者单击按钮时，如何更改页面的 URL？

当访问者单击按钮元素时，如何更改 URL？ 例子： 警报嗨 当访问者单击按钮元素时，如何更改 URL？ 示例： <form id="search"> <input type="text" /> <button onclick="javascript:alert('hi');">Alert Hi</button> <button onclick="javascript:window.location.href='http://www.google.com/'">Go to Google</button> </form> （或参见 JSFiddle。） 对于快速演示页面，我只需要在访问者单击按钮时将其发送到新的 URL。 我可以执行 JavaScript onclick（在 Alert Hi 按钮中），如果我从 Firebug 的控制台执行 window.location.href='http://www.google.com/'，则 URL 会发生变化。 我需要做什么才能在单击按钮时更改 URL？ 问题是当您单击按钮时正在提交表单。添加 type="button" 这样就不会提交表单。您也不需要 javascript 属性中的 onclick。请参阅如何防止按钮提交表单 示例 http://jsfiddle.net/E7UEe/1/ 请注意，它不会转到 google.com，因为 jsfiddle 不允许它。请注意错误消息 Refused to display document because display forbidden by X-Frame-Options. <form id="search"> <input type="text" /> <button onclick="javascript:alert('hi');">Alert Hi</button> <button type="button" onclick="window.location.href='http://www.google.com/'">Go to Google</button> </form>​ 无需 JS 即可使用的替代方案是 appearance:button CSS 指令 http://jsfiddle.net/d6gWA/ <a class="btn"> Link looking like button</a>​ .btn { appearance: button; -moz-appearance: button; -webkit-appearance: button; -ms-appearance: button; }​ 或者您可以随时将按钮放在链接中http://jsfiddle.net/d6gWA/2/ <a class="btn" href="http://www.google.com" target="_blank"><button type="button">Link Button</button></a>​ 您还可以让表单在提交时更改链接，这可用于按钮或其他各种方法。以防万一其他人在看这篇文章时对如何使其他表单属性提交表单感到困惑。在这种情况下，它看起来像 <form id="search" action="http://www.google.com/"> <input type="text" /> <button>Go to Google</button> </form> 此按钮提交表单，使用表单操作字段更改 URL。这可以应用于任何不同类型的表单项，只要它提交表单即可。 <button onclick="javascript:window.location='http://www.google.com/'">Go to Google</button> 只要删除你的 .href 就可以了

zend 框架 url 和获取方法

我正在使用 zend 框架开发一个网站。 我有一个带有 get 方法的搜索表单。当用户单击“提交”按钮时，查询字符串将出现在 url 中的 ? 之后。标记。但我希望它是 zend ...

阻止 PHP 清除表单

我有2个问题： 当您提交时，如何阻止 PHP 脚本删除表单字段？我在这里搜索了很多帖子，大部分是关于我没有使用的 JS 的。我尝试过自动完成...

jQuery - 在 Preventdefault 后提交表单

我看过很多建议，但没有一个对我有用。 该表单有两个提交按钮，一个用于添加.add，另一个用于取消.cancel 我看过很多建议，但没有一个对我有用。 表单有两个提交按钮，一个用于添加 .add，另一个用于取消 .cancel <input type="submit" name="submit" value="Add" class="add"> <input type="submit" name="submit" value="Cancel" class="cancel"> 我正在使用以下 jquery 执行 ajax 请求，并根据结果我想要一个警报或要提交的表单。 $('body').on( 'click', '.add', function (e) { e.preventDefault() $.ajax({ #do ajax request, success: fucntion( res ) { if ( res.length >= 1 ) { alert ( res ) } else { #submit form here } } }) 我已经尝试过： $('input[type="submit"]').submit() $('.add').submit() $('.add').trigger() 但是提交表单失败。 添加一些调试到 if / else 我可以看到它位于脚本的正确部分。 知道如何让它发挥作用吗？ 谢谢 <form id="myForm" action="submit_handler.php" method="POST"> <input type="text" name="username" placeholder="Username" required> <input type="password" name="password" placeholder="Password" required> <button type="submit">Submit</button> </form> <script> $(document).ready(function() { $('#myForm').on('submit', function(event) { event.preventDefault(); // Stop the default form submission // Perform your custom validation or actions here let isValid = true; // Replace with actual validation logic if (isValid) { // Manually submit the form if validation passes this.submit(); } else { // Handle validation failure (e.g., show error messages) alert('Validation failed. Please correct the errors and try again.'); } }); }); </script>

如何避免在角度表单上多次提交点击

`嗨，我对这个有角度的东西很陌生，不太明白如何完成表单的这一部分。 我们让人们非常快速地多次单击提交按钮并添加相同的信息...

输入元素是否应该在表单内？

所以我有一个 React 组件，其目的是：用户在输入中写入一个单词，然后按 Enter 或单击链接转到该单词的定义页面。 '使用客户端'； 导入 { FontAwesom...

如何从单个表单标签提交单独的操作？ （姜戈）

我编写了以下代码，其中值为 {{category.name}} 的提交操作意外触发了 form_category 中的“创建”按钮，导致“请输入名称&

部署我的网络应用程序，无法获取提交按钮来回发和查询我的数据库

我正在构建一个图书推荐引擎。我有一个主页、测验页面和推荐页面。我已将此代码部署到 AWS S3 存储桶，但无法实际使用测验提交按钮...

使用 javascript 按 Enter 键提交表单

我不确定我在这里做错了什么。我希望回车键和单击按钮一样有效。 我不确定我在这里做错了什么。我希望回车键和单击按钮一样有效。 <form action="" method="get" class="priceOptionForm" name="priceOptionForm"> <input name="paypal_email" type="text" value="whatever" id="email" /> <a href="javascript:void(0);" class="bluebtn" id="profile_price" style="width:60px;margin-top:5px;">Save all</a> </form> 试试这个： document.getElementById('email').onkeydown = function(e){ if(e.keyCode == 13){ // submit } }; 请使用下面的代码片段...它应该添加到脚本块中 <script> document.onkeydown=function(evt){ var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode; if(keyCode == 13) { //your function call here } } </script> 以下所有代码都应添加到脚本块或文件中。 定义提交函数： function submitForm(){ document.priceOptionForm.submit(); document.priceOptionForm.method='post'; } 对于提交表单的回车键： document.onkeydown=function(){ if(window.event.keyCode=='13'){ submitForm(); } } 要使链接有效： document.getElementById("profile_price").onclick=submitForm; 您可以参考http://jsfiddle.net/honglonglong/YMX2q/进行尝试。 使用 <input type="submit"> 而不是链接。然后回车键就会自动起作用。 简单地制作一个像这样的隐藏按钮 HTML <input type="submit" id="submitbtn" /> CSS #submitbtn{display:none;} 当用户按下回车按钮时，表单将被提交 别忘了输入 type="submit" // Process form if use enter key. put script in head. document.onkeyup = enter; function enter(e) {if (e.which == 13) submitForm();} // uses keyup not down as better practice imo // submitForm() is user function that posts the form 您可以在表单标签中放置默认按钮ID，自动触发 <form id="form1" runat="server" defaultbutton="Button1"> <asp:Button ID="Button1" runat="server" Text="Button" OnClick = "Button1_Click" /> <asp:Button ID="Button2" runat="server" Text="Button" OnClick = "Button2_Click" /> <asp:Button ID="Button3" runat="server" Text="Button" OnClick = "Button3_Click" /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </form> 哦，这是因为 HTML 表单元素无法将链接识别为按钮，点击.. 你需要用按钮替换它... <input type="submit" value="this will display on your button" onClick="javascript:void(0)"> 但是如果你想让它看起来像一个链接，你应该在 css 中这样做 <style type="text/css"> input{background-color:white;border:0 none;} </style> 您可以在 onKeyDown 标签中使用 input。 以下是详细内容。 const handleKeyDown = (e) => { if(e.key === "Enter") { //form actions } } <form action="" method="get" class="priceOptionForm" name="priceOptionForm"> <input name="paypal_email" type="text" value="whatever" id="email" onKeyDown={handleKeyDown} /> <a href="javascript:void(0);" class="bluebtn" id="profile_price" style="width:60px;margin-top:5px;">Save all</a> </form> 当用户单击提交按钮（<button> 或 <input type="submit">）或在表单中编辑字段（例如 <input type="text">）时按 Enter 时，将触发提交事件。直接调用 form.submit() 方法时，事件不会发送到表单。 检查文档 由于“keycode”已已弃用，请使用此： document.getElementById('element').onkeydown = function (e) { if (e.key == 'Enter') { } };

如何测试（vitest）表单的提交按钮在提交时是否被禁用

我有以下测试（以此为模型：https://github.com/orgs/react-hook-form/discussions/8866）： it("如果表单仍在提交，则提交被禁用", async () => {

使用 Laravel Request 在更新方法上传递空字段

我正在通过经典提交的表单获取数据，但由于某种原因，我没有获取请求中的所有输入数据，它只更新收到的数据。 模型::查找($id)->更新($request->al...

提交模块将条目从一张纸保存到另一张纸

我这里有2张。 第一页工作表是我放置日期、时间、票证、分数和是/否/NA 答案的地方。 我有一个“提交”按钮，该按钮调用一个模块，该模块执行从 Page1 到 Page2 的保存，但仅将日期保存到

jquery click() 提交按钮

我在表单中的提交按钮上有一个 .click() 函数： $("#submitId").click(function () { $('#hiddenInput').val(someVariable); }); 它就像一个魅力。单击提交按钮后

引导表单不会使用图像按钮提交

我用Bootstrap制作了一个表单。有一个用于提交表单的图像按钮，但是当我单击它时，没有任何反应。 我用 Bootstrap 制作了一个表单。有一个用于提交表单的图像按钮，但是当我单击它时，没有任何反应。 <form name="input" action="index.php" method="post" class="form-horizontal"> <div class="input-group"> <span class="input-group-addon">@</span> <input name="coins" type="text" class="form-control" placeholder="Quanity" > </div><br> <div class="input-group"> <span class="input-group-addon">@</span> <input type="text" class="form-control" name="usd" placeholder="USD" > </div><br> <div class="input-group"> <span class="input-group-addon">@</span> <input type="text" class="form-control" name="paypal" placeholder="PayPal Address" > </div><br> <div class="input-group"> <input type="image" src="/img/ppbutton.png" name="submit" alt="PayPal - The safer, easier way to pay online!"> </div><br> </form> 您的提交按钮需要是一个按钮/提交并使用 CSS 进行样式设置： <style> div.submitter input { /*you will need to adjust your stylesheet so it looks the way you want.*/ width: 100px; height: 40px; background-image: url(/img/ppbutton.png); background-repeat: no-repeat; border: 1px solid; } </style> <!-- REPLACE IN YOUR FORM --> <div class="submitter"><input type="submit" name="submit" alt="PayPal - The safer, easier way to pay online!" /></div> 它提交表单，但以图像的 x 和 y 坐标的形式发送值。 例如： <input type="submit" name="submit" alt="PayPal - The safer, easier way to pay online!" /> 对于这个输入 DOM 对象，它将发送 submit.x=[some integer] 和 submit.y=[some interger] 这是我用过的： <button class="btn btn-default" type="submit" name="delete" value="delete"> <img src="/delete.png" width="20" /> </button> 尝试添加 this.form.submit ，如下所示： <input type="image" onclick="this.form.submit()" src="/img/ppbutton.png" name="submit" alt="PayPal - The safer, easier way to pay online!"> 将其放入 html 表单中对我有用。

如何提交选择变更表格

我有以下表格。我希望当用户做出选择时通过 jQuery 自动提交，而不需要按提交按钮。我该怎么做呢？ 我有以下表格。我希望当用户做出选择时通过 jQuery 自动提交，而不需要按提交按钮。我该怎么做？ <form action="" method="post"> <select name="id" id="cars"> <option value="">Choose</option> <option value="1">Toyota</option> <option value="2">Nissan</option> <option value="3">Dodge</option> </select> <input type="submit" name="submit" value="Submit"> </form> adeneo，我尝试了你的建议，但仍然不起作用。这是完整的代码，有什么问题吗？ <!doctype html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#cars').on('change', function() { this.form.submit(); }); }); </script> </head> <body> <form action="" method="post"> <select name="id" id="cars"> <option value="">Select...</option> <option value="1">Toyota</option> <option value="2">Nissan</option> <option value="3">Dodge</option> </select> <input type="submit" name="submit" value="Submit"> </form> </body> </html> 您的表单缺少操作值，这导致最终无法提交表单。但在中期你应该更正这段代码： $(document).ready(function() { $('#cars').on('change', function() { document.forms[myFormName].submit(); }); }); 您还可以通过触发提交按钮点击事件来提交表单： $(document).ready(function() { $('#cars').on('change', function() { var $form = $(this).closest('form'); $form.find('input[type=submit]').click(); }); }); 就我而言，这效果非常好，无论有没有提交按钮都可以。 <form action="" method="post"> <select name="id" id="cars"> <option value="">Choose</option> <option value="1">Toyota</option> <option value="2">Nissan</option> <option value="3">Dodge</option> </select> </form> <script type="text/javascript"> jQuery(function() { jQuery('#car').change(function() { this.form.submit(); }); }); </script> 代码的更快版本看起来像这样。 <form action="" method="post"> <select name="id" id="cars" onchange="javascript:this.form.submit()"> <option value="">Choose</option> <option value="1">Toyota</option> <option value="2">Nissan</option> <option value="3">Dodge</option> </select> <input type="submit" name="submit" value="Submit"> </form> 现在我们正在做的是添加 onchange="javascript:this.form.submit()" 到您希望触发提交操作的任何字段。当然，这只适用于支持 onchange html 属性的元素 只需使用 JavaScript 的帮助即可。 <select onchange="this.form.submit()"> ... </select> 我知道这有点旧（并且已经回答了），但是没有一个答案像我想要的那么灵活，所以下面是我最终得到的解决方案： $(document).ready(function() { $('#cars').change(function() { var parentForm = $(this).closest("form"); if (parentForm && parentForm.length > 0) parentForm.submit(); }); }); 即使你也可以做到这一点： <form action="" method="post"> <select name="id" id="cars"> <option value="">Choose</option> <option value="1">Toyota</option> <option value="2">Nissan</option> <option value="3">Dodge</option> </select> <input id='submit' type="submit" name="submit" value="Submit"> $(document).ready(function() { $('#cars').on('change', function() { $('#submit').click(); }); }); 我的解决方案是创建隐藏的提交按钮并在更改事件上单击它。 <select name="id" onchange="javascript:$('#submit').click();"> <option value="0">Please Select Web Site</option> <option value="1">------</option> <option value="2">-------</option> </select> <button id="submit" class="hidden" type="submit" name="submit" value="Submit"/> 我的代码使用 jquery 提交表单，没有提交按钮，并且选择元素上有更改事件： <script> $(function () { $("#select123").on("change", function() { $(this).closest('form').submit(); }); }); </script>

为什么我的<a>标签没有将我带到指定的页面？

我有一个包含在标签中的提交按钮，用于提交我的表单，运行 JavaScript 函数将表单保存在本地存储中并将用户带到下一页。然而，表格出来后...

无法获取 javascript 来修改标头

此代码应该要求用户输入并根据提交的字符串返回错误或正确的结果（正确答案是“Aconcagua”）。运行并提交时...