submit 相关问题

Bootstrap 模式中的表单

我有一个进行产品注册的模式。我想在模式内提交表单而不离开模式。 我有一个用于注册产品的modal。我想在模式内提交表单而不离开模式。 <!-- Button to trigger modal --> <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Modal header</h3> </div> <div class="modal-body"> <form method="post"> <button type="submit">Submit</button> </form> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-primary">Save changes</button> </div> </div> 就我而言，我只将提交按钮放在页脚正文中 并删除数据关闭 IE： <div class="modal-content"> <form id="role-form" method="get"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">تعديل صلاحيات المدير - {{$user->username}}</h4> </div> <div class="modal-body"> <div class="form-group col-md-12"> <select id="role" name="role" class="form-control"> <option selected disabled>الصلاحية</option> <option value='1'>مدير</option> <option value='2'>مشرف</option> </select> </div> <div class="clearfix"></div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-success" >حفظ</button> <button type="button" class="btn btn-default" data-dismiss="modal">إلغاء</button> </div> </form> </div> 首先，在您的 <form> 标签上设置一个 id： <form id="myForm" method="post"> ... </form> 如果您使用 jQuery（强烈推荐），您可以这样做： $(function(){ $('#myForm').on('submit', function(e){ e.preventDefault(); $.post('http://www.somewhere.com/path/to/post', $('#myForm').serialize(), function(data, status, xhr){ // do something here with response; }); }); }); 你也可以这样做： 向表单添加 Id <form method="post" id="myForm"> <button type="submit">Submit</button> </form> 在按钮中添加表单引用 <button type="submit" form="myForm" class="btn btn-primary">Save changes</button>

Laravel 检查表单提交值

嗨，我试图使用表单提交一个值以在数据库中搜索，但是我无法使其工作。谁能帮忙解决这个问题吗？ 嗨，我试图使用表单提交一个值以在数据库中搜索，但是我无法使其工作。有人可以帮忙吗？ <form action="/comp1230/assignments/assignment2/public/search" method="post"> <h2>Please enter the keywords you want to search:</h2> <input id="search"type=text name="searchcontent"> <input type="submit" value='Search'> </form> 上面是welcome.blade.php表单，我想在我的控制器中使用这个提交的值，代码如下所示： public function search() { $search = Input::get('searchcontent'); $results=Records::paginate(5); $records=[]; foreach($results as $result) if(!in_array($search,$result)){ continue; }else{ array_push($records,$result); } return view('home',['records'=>$records]); } 路线： Route::post('/search', 'RecordController@search'); 但是我得到的是 419 Sorry, your session has expired. Please refresh and try again. GO HOME 请帮忙，非常感谢！ Laravel 分页仅适用于获取参数。 分页之后，数组转换需要各种概念 下面的例子说明了这个概念 1. Get data from database 2. Filter data corresponding search_content using in_array (in_array accepts data array only and not for objects) 3. Perform manual pagination and display records RecordsController.php 代码 namespace App\Http\Controllers; use Illuminate\Http\Request; use Illuminate\Support\Facades\Input; use Illuminate\Pagination\LengthAwarePaginator as Paginator; use App\Records; class RecordController extends Controller { // Show Entry Form public function index() { return view('search_entry'); } public function search(Request $request) { $search = Input::get('searchcontent'); $results=Records::get()->toArray(); $records=[]; foreach($results as $result) //in_array accepts array only { if(in_array($search, $result)) { array_push($records, $result); } } $page = $request->page; // current page for pagination // manually slice array of product to display on page $perPage = 5; $offset = ($page-1) * $perPage; $new_record = array_slice($records, $offset, $perPage); // your pagination $new_record = new Paginator($new_record, count($records), $perPage, $page, ['path' => $request->url(),'query' => $request->query()]); return view('home',['records' => $new_record]); } } search_entry.blade.php 代码 <!doctype html> <html lang="{{ app()->getLocale() }}"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>LaravelTest</title> </head> <body> <form action="{{url('search')}}" > <h2>Please enter the keywords you want to search:</h2> <input id="search"type=text name="searchcontent"> <input type="submit" value='Search'> </form> </body> </html> home.blade.php 代码（结果视图 php） <!doctype html> <html lang="{{ app()->getLocale() }}"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>LaravelTest</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" > </head> <body> <h3>SEARCH CONTENT</h3> <table border=1 cellspacing=0 cellpadding=2> <thead> <tr> <td>ID</td> <td>NAME</td> <td>AGE</td> </tr> </thead> <tbody> <?php foreach($records as $record) { echo "<tr><td>".$record['id']."</td><td>".$record['name']."</td><td>".$record['age']."</td></tr>"; } ?> </tbody> </table> {{ $records->links('pagination::bootstrap-4') }} </body> </html> 在Web.php中添加以下路由代码 Route::get('search_entry','RecordController@index'); Route::get('search','RecordController@search'); 通过将 csrf 令牌添加到表单来修复异常 <form action="/comp1230/assignments/assignment2/public/search" method="post"> @csrf

如何使用 JavaScript 提交“文件”输入而不使用提交按钮？

有没有一种方法可以自动提交表单而无需单击“提交”按钮？ 我有一个带有一个“文件”输入的表单。我会在用户选择一个文件后提交表单。

Event.preventDefault 在 JS 中无法用于表单提交

//js document.addEventListener("DOMContentLoaded", function () { const individualOrderForm = document.getElementById('individual-order-form'); 异步函数 sendAjax(f...

使用 <s:property> 标签将值提交给 Struts 2 中的操作

JSP： 这段代码是否提交...

Struts 2 - 日期实例变成字符串

当我提交表单时，出现输入错误。 JourneyDate 是“日期”的一个实例。但是，这里它变成了 String，它不被 setter 和 getter 接受。 当我提交表格时，出现输入错误。 JourneyDate 是“日期”的一个实例。但是，这里变成了String，这不被setter和getter接受。 <s:hidden name="JourneyDate" value="%{JourneyDate}"></s:hidden> 我想要 JourneyPlan 为 Date 类型，但它变成了 String。 在将值传递给 getter/setter 之前尝试拦截该值。例如，从表单发送 JourneyDateString，从字符串创建日期，然后将其传递给 getter/setter。比如： public void setJourneyDateString(String journeyDateString) { //journeyDateString could be "2013-03-28" for example Date journeyDate = new SimpleDateFormat("yyyy-MM-dd").parse(journeyDateString); setJourneyDate(journeyDate); } 您在 value 属性中设置的对象将保持其类型为 Date。然后需要在action中定义相应的setter来设置Date的值。如果您将值放入标签正文中，它将转换为字符串。

sweetalert 和表单提交

我有一个表单，我想在提交时触发警报（使用 sweetalert）： 我有一个表单，我想在提交时触发警报（使用 sweetalert）： <form id="verbale" class="verbale" action="editor_conferma.php" method="post"> ... <input id="go" type="submit" name="go" value="go" class="swa-confirm"> </form> <script> $(document).on("submit", ".swa-confirm", function (e) { e.preventDefault(); var $myForm = $('.verbale'); if (!$myForm[0].checkValidity()) { $myForm[0].reportValidity() } else { swal({ title: "Are you sure?", text: "Did you check?", type: "warning", showCancelButton: true, confirmButtonText: "Yes, Submit!", }).then(function (result) { $myForm.submit(); }); } }); </script> 出现 sweetalert 对话框，但当我确认时，表单未传递并且提交似乎不起作用。 有什么提示吗？ 您需要将提交分配给表单，并且不要使用 jQuery 提交，因为它会再次触发 sweetalert 我还使用最新版本的 swal，它有 buttons $("#verbale").on("submit", function(e) { // or if inserted $(document).on("submit","#verbale",function() { e.preventDefault(); const myForm = this; if (!myForm.checkValidity()) { myForm.reportValidity() } else { swal({ title: "Are you sure?", text: "Did you check?", icon: "warning", buttons: { cancel: true, confirm: true, } }).then(function(result) { myForm.submit() }) } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script> <form id="verbale" class="verbale" action="editor_conferma.php" method="post"> <input type="text" name="firstname" required /> <input id="go" type="submit" name="go" value="go" class="swa-confirm"> </form>

YARN REST API - 提交简单作业

我需要有关 http 请求正文填充的帮助。 我正在执行 PUT http 请求，并且我知道我做得正确（在 java 中）。 我想运行简单的 MapReduce 作业示例 – 计算 PI... 当我...

我的页面在提交之前就进入了onclick事件

我已经使用了提交并向其添加了一个 onclick 事件，我想调用为它保存的控制器方法，之后我想将我的页面重定向到控制器的另一个方法，因为我有

IOS - 如何处理来自 RESTful 服务 API 的返回调用

我正在使用 API 让用户在我的应用程序中创建帐户。 现在我能够生成 Objective-C 中提交值所需的 URL，并且在 API 文档中它具有返回号...

即使输入不正确，表单仍在提交反应

我有一个通过验证创建的联系表单，它大部分都有效，但即使信息错误，它仍然会提交。这是我的代码： 联系表格.jsx： const ContactForm = () => ...

点击提交按钮后如何显示结果？ （喜欢查看历史记录）

这是概念。用户从文本栏中输入数据。单击提交按钮时，数据将保存到“查看历史记录”菜单栏。查看历史记录是数据输入的地方...

如何使用提交事件将 addEventListener 附加到输入字段？

我正在制作一个简单的小费计算器，首先我尝试保存用户可以在输入字段中输入的账单金额的值（此输入字段具有类型数字属性）。那个...

表单 onSubmit 未触发

“使用客户端”； 从“react”导入 React, { useState }; 从“next/navigation”导入{useRouter}； 从“@hookform/resolvers/zod”导入{zodResolver}； 我...

更改悬停时的按钮图像

表格截图 我已经成功添加了图像，但它向左移动了大约 3 个像素，我不知道为什么。它也不会出现在悬停时默认按钮图像的前面，而是出现在后面......

表单提交且函数运行后内容立即消失

我是 Javascript 和 HTML 新手。 我有以下 HTML 形式： ... 我是 Javascript 和 HTML 新手。 我有以下 HTML 表单： <div id="form-select"> <form id="date_form" action="" METHOD="POST"> <datalist id="dates"> <option value="February 7">February 7</option> <option value="February 14">February 14</option> <option value="February 21">February 21</option> <option value="February 28">February 28</option> </datalist> <input type="text" class="input" name="data" id="date" value="" list="dates" placeholder="pick a date"><br> <input type="submit" name="submit" onClick="myFunction()"/> </form> </div> 这是名为 script.js 的文件中的 javascript。 js 文件在标头中链接为 'script type="text/javascript" src="script.js': function myFunction(){ var input = document.getElementById("date").value; if(input==="February 7"){ document.getElementById('w1').innerHTML = "<h2> HEADING </h2>; } }; 当我填写表单并点击提交时，JavaScript 正确执行了该函数，但结果（即向 html 添加标题）发生了几毫秒，然后消失并重置为我点击提交之前的原始页面。 如何才能使 HEADING 的插入保持永久？ 将侦听器移至表单的提交处理程序。让函数返回 false 以停止提交： <form id="date_form" onsubmit="return myFunction();" ...> 将听者从按钮上取下： <input type="submit"> 不要将其命名为submit，因为这会掩盖表单的提交方法，因此您无法调用它。如果表单上有两个或多个按钮并且您想知道使用哪一个来提交表单，则提交按钮只需要一个名称。 您的代码中有一个错误，它缺少结束双引号： function myFunction(){ var input = document.getElementById("date").value; if(input==="February 7"){ document.getElementById('w1').innerHTML = "<h2> HEADING </h2>"; } return false; // to stop submission }; 这可能会也可能不会解决你的问题，你还没有说出你实际上想要做什么。 在函数中添加这一行： event.preventDefault();

useFormState 永远不会从服务器操作 Next.js 获取消息

我想根据验证和身份验证是否成功从服务器操作获取消息。 登录方法被正确调用，我试了一下。问题是该消息是...

按钮“onclick”上的样式更改不起作用

我希望当单击按钮时按钮上的 svg 变为绿色，同时出现表单。目前我有：

使用 php 通过 POST 提交多维数组

我有一个 php 表单，其列数已知（例如顶部直径、底部直径、面料、颜色、数量），但行数未知，因为用户可以根据需要添加行。 我已经

提交HTML表单到.txt文件，但如何让新帖子出现在顶部，而不是底部？

一切都很完美，但是我试图弄清楚一件事，但我不确定如何真正弄清楚这一点。 在 HTML Web 表单上一切正常，在 php 页面上...