当用户尝试提交表单时,submit事件将发送到元素。它只能附加到表单元素。可以通过单击显式<input type =“submit”>,<input type =“image”>或<button type =“submit”>,或者在某些表单元素具有焦点时按Enter键来提交表单。
我正在创建一个 ASP.NET Core MVC 应用程序。我有一个接收具有 List<> 属性的模型的视图。 视图如下所示: @modelInfoUpdateModel 我正在创建一个 ASP.NET Core MVC 应用程序。我有一个接收具有 List<> 属性的模型的视图。 这就是视图的样子: @model InfoUpdateModel <form action="@Url.Action("TakeoverCoverage", "Participant")" id="formTakeoverCoverage" enctype="multipart/form-data" method="post" autocomplete="off"> @for (int index = 0; index < Model.AvailablePlans.AvailablePlansClient.Count; index++) { <input type="text" asp-for="@Model.AvailablePlans.AvailablePlansClient[index].CoverageRate" class="form-control" value=" @Model.AvailablePlans.AvailablePlansClient[index].CoverageRate" /> <input id="LastDayPreCobra@(index)" class="form-control datepicker group-date-picker" [email protected][index].LastDayPreCobra asp-for="@Model.AvailablePlans.AvailablePlansClient[index].LastDayPreCobra"> .. ..//others fields to input data .. } </form> <script language="javascript" type="text/javascript"> $(document).ready(function () { FormTakeoverCoverage(); }); function FormTakeoverCoverage() { $('#formTakeoverCoverage').submit(function (event) { event.preventDefault(); if ($(this).valid()) { var formdata = new FormData($(this).get(0)); $.ajax({ url: this.action, type: this.method, data: formdata, processData: false, contentType: false, dataType: "json", headers: { "RequestVerificationToken": $('input:hidden[name="__RequestVerificationToken"]').val() }, beforeSend: function () { }, success: function (result) { } else { } }, complete: function () { } } ); } return false; }); } </script> 控制器看起来像这样: [HttpPost("TakeoverCoverage")] [ValidateAntiForgeryToken] [ClientWebError(IsPartial = true)] public async Task<IActionResult> TakeoverCoverage(InfoUpdateModel model) {} 视图呈现模型的所有数据,1、10 或 100 行。 当我提交少于 63 条记录的视图时,控制器会获取包含数据的模型。但是,当模型的记录超过 63 条时,控制器会在模型中收到 null。 我总共要展示220个并打破63个记录。我尝试返回前 64 位或最新 64 位,但遇到了同样的问题。这不是数据问题。 不知道是不是内存有问题。 有什么想法吗? 谢谢 我遵循了这里所说的 并添加这个 builder.Services.Configure<FormOptions>(x => { x.ValueCountLimit = 4096; }); 致我的program.cs
在两个输入字段中,一个是只输入一个字母并自动提交表格。为什么?
我正在开发一个 MERN 博客网站项目。在“写帖子”部分有两个输入字段。一个用于标题,另一个用于描述。 当我尝试写一篇文章时,标题可以写...
CodeIgniter getMethod() 已弃用且提交按钮不起作用
我现在正在练习我的 CodeIgnitor,但我对它们仍然很陌生。我正在填写查询表格,并希望确保它检查表格是否经过正确验证。点击提交按钮后...
这是我的代码。正如您所看到的,我在想要发送给我的所有字段上都有 name="",但是当我填写表格并检查我的电子邮件时,它是空白的。 这是我的代码。正如您所看到的,我在想要发送给我的所有字段上都有 name="",但是当我填写表格并检查我的电子邮件时,它是空白的。 <div class="col-lg-6"> <div class="contact-form"> <form action="https://formsubmit.co/[email protected]" method="POST" enctype="text/plain"> <input type="hidden" name="_next" value="https://mywebsite..app/thanks.html"> <div class="form-group mb-4 pb-2"> <label for="exampleFormControlInput1" class="form-label">Full Name</label> <input type="text" class="form-control shadow-none" name="name" id="contact_name"> </div> <div class="form-group mb-4 pb-2"> <label for="exampleFormControlInput1" class="form-label">Email address</label> <input type="email" class="form-control shadow-none" name="email" id="contact_email"> </div> <div class="form-group mb-4 pb-2"> <label for="exampleFormControlTextarea1" class="form-label">Write Message</label> <textarea name="message" class="form-control shadow-none" id="exampleFormControlTextarea1" placeholder="message" rows="3"></textarea> </div> <button class="btn btn-primary w-100" type="submit">Send Message</button> </form> </div> </div> 我也尝试过使用一次性电子邮件服务,但它仍然不适用于我的代码。 有人可以帮我解决这个问题吗? 结构体的问题在于结构体组件的enctype特性。 enctype 质量指示在将结构信息提交到服务器之前应如何对其进行编码。对于这种情况,该结构使用“text/plain”编码,这对于 FormSubmit 来说是不合理的。 FormSubmit 要求结构信息通过相同的“application/x-www-struct urlencoded”或“multipart/structural information”设计进行编码。这些配置允许通过键值匹配发送信息,其中键与结构字段的名称相关。 要解决此问题,软件工程师应该从结构标记中删除 enctype 属性。因此,该结构将默认为“application/x-www-struct urlencoded”编码,这对于 FormSubmit 是可行的。此更改将使结构信息能够与字段名称和相关值一起准确发送。 修改后的代码应该是这样的: <div class="col-lg-6"> <div class="contact-form"> <form action="https://formsubmit.co/[email protected]" method="POST"> <input type="hidden" name="_next" value="https://mywebsite..app/thanks.html"> <div class="form-group mb-4 pb-2"> <label for="exampleFormControlInput1" class="form-label">Full Name</label> <input type="text" class="form-control shadow-none" name="name" id="contact_name"> </div> <div class="form-group mb-4 pb-2"> <label for="exampleFormControlInput1" class="form-label">Email address</label> <input type="email" class="form-control shadow-none" name="email" id="contact_email"> </div> <div class="form-group mb-4 pb-2"> <label for="exampleFormControlTextarea1" class="form-label">Write Message</label> <textarea name="message" class="form-control shadow-none" id="exampleFormControlTextarea1" placeholder="message" rows="3"></textarea> </div> <button class="btn btn-primary w-100" type="submit">Send Message</button> </form> </div> </div> 推出此改进后,结构信息将以正确的配置发送,并且当客户呈现结构时,收到的电子邮件应包含正确的完成数据。
在表单提交期间,使用 jQuery 事件从另一个输入同步的输入值不可用
$(文档).ready(function () { $('#StaffNumber').on('keyup', function () { var 员工编号 = $(this).val(); $('#Username').val('EMP' + StaffNo); }); }); 这里输入的用户名是
我的react-hook-form在Typescript中的handleSubmit函数不断重新加载页面并且不返回结果
我从react-hook-form文档中复制了确切的代码,如下所示 从“反应”导入反应; 从“react-hook-form”导入{ useForm,SubmitHandler }; 类型表单值 = { 首先Na...
添加表格提交到我的网站并得到确认但是当我填写表格并提交时我在我的电子邮件中看不到任何内容
添加了提交到我的网站的表格并得到了确认,但是当我填写表格并提交时,我在电子邮件中看不到任何内容。我试着删除它并阅读它,但什么也没有。我有一封电子邮件公关...
为什么使用 AJAX 表单方法时,文件上传在 formsubmit.co 中不起作用?
我有一个用 Gatsby 构建的静态网站,还有一个包含文件上传的联系表。因为我不想设置后端,所以我选择 FormSubmit.co 服务来处理每次发送电子邮件...
我创建了一个简单的 Google Script 表单,可以将数据提交到我的 google 表格。 但提交后,表格进入空白页面。我只是复制教程中的代码并按照说明进行操作...
如何阻止 html 表单在 emailjs 中提交空白字段?
我创建了一个这样的表单,并使用 onclick 触发 index.js 提交表单,即使表单是空的。 我创建了一个这样的表单,并使用 onclick 触发 index.js 提交表单,即使表单是空的。 <form> <div class="form-item"> <label for="date">Date:</label> <input type="date" id="date" name="date" required> </div> <button type="submit" onclick="sendMail()">Submit</button> </form> 我的 javascript 文件看起来像这样 function sendMail(){ var params = { date: document.getElementById("date").value }; const serviceID = "my_id"; const templateID = "my_id"; emailjs.send(serviceID, templateID, params).then((res) => { document.getElementById("date").value = ""; console.log(res); alert("Done! Our Team will get back to you soon"); }) .catch((err) => console.log(err)); } 我已经尝试使用另一个函数来检查表单是否为空,但它不起作用 function check() { var date = document.getElementById("date").value; if (!date) { alert("Please fill in all fields"); return; }else { sendMail(); } 值不为空,因为它是空的。 if (date.length === 0) then
我在我的网站上为非注册用户提交表单时遇到问题。 提交表单后会出现 WordPress 登录弹出窗口,阻止提交。 我无法阻止 WordPress ...
我正在开发一个 JavaScript 项目,我想在其中向提交按钮添加功能。该按钮只有在选择了答案时才有效,并且通过单击
我是 web 开发的初学者,并在 hostinger 注册,在 youtube 上被推荐。基本上他们想敦促你进入 wordpress,当然不是这个。现在需要一个链接/脚本来处理...
ASP.NET Core MVC 表单操作 Url 不重定向到 Controller/Mehtod
ASP.NET Core 2 MVC 网络应用程序。 我有一个用于使用此表单操作更新数据的页面 ASP.NET Core 2 MVC 网络应用程序。 我有一个用于使用此表单操作更新数据的页面 <form action="@Url.Action("Update", "Client")" id="formUpdate" enctype="multipart/form-data" method="post"> 申请的网址是 https://localhost:88/Home/Client 当我提交时,它应该转到Update控制器中的Client方法,但它重定向到 https://localhost:88/Update 我知道我必须在Program.cs中设置这条路径。我设定的路径是 app.MapControllerRoute( name: "default", pattern: "{controller=Home}/{action=Menu}/{id?}"); 以及其他一些关于身份验证和注销的内容。 如何为所有<form>设置路径? 谢谢 Url.action 会检查路由是否存在,如果路由不存在,它不会生成正确的路径,如果你不想这样,你可以直接使用/Client/Update.
生成自定义提交 ID 并在 wordpress 中以预先设计的 pdf 模板下载数据
我正在尝试制作具有以下两个功能的表格: 该表单有一个下拉菜单(例如,具有值“Apple”、“Orange”和“Grapes”)。提交时,表格 ...
当用户在 React js 中提交表单时,用户如何将自己输入的数据接收到他的电子邮件中
我试过 YouTube 视频,但我一直看到的是 EmailJS 的视频,其中输入的表单数据被发送到管理员的电子邮件。 我想要的是用户将收到他自己输入的数据......
我正在尝试以一种形式从用户那里收集数据并将数据显示给他们。 我正在使用 WAMP。 这是我的 html 代码 我正在尝试以一种形式从用户那里收集数据并将数据显示给他们。 我正在使用 WAMP. 这是我的html代码 <FORM METHOD="POST" ACTION="submit.php"> <INPUT type="text" name="URL" size=17 value="http://"> <INPUT type="text" name="user" size=17> <INPUT type="text" name="email" size=17> <INPUT type="submit" value="Submit" name="submit"/> <INPUT type=reset value="Clear"> </form> 这是我的 submit.php 代码: <?php if (isset($_POST['URL'])){ echo "set"; } else { echo "not set"; } ?> 当我执行此操作时,输出总是“未设置”。 应该是 $_POST 而不是 $post,所以你的代码应该是:- <?php if (isset($_POST['URL'])){ echo "set"; } else { echo "not set"; } ?> 此外,您的表单标签不应包含 encytype="text/plain",因为 PHP 无法处理它(这不是错误) Valid values for enctype in <form> tag are: application/x-www-form-urlencoded multipart/form-data 所以删除encytype="text/plain" <?php if (isset($_POST)) { echo "set"; } else { echo "not set"; } ?> 试试这个 删除 ENCTYPE="text/plain" 从表格 所以表格应该看起来像 <form method="POST" action="submit.php"> 它的 $_POST 不是 $POST if (isset($POST['URL'])){ 应该是 if (isset($_POST['URL'])){ 这里是处理表单的例子 <?php if(isset($_POST["submit"])){ if (isset($_POST['URL']) && $_POST['URL'] != ''){ echo "set"; } else { echo "not set"; } } ?> <FORM METHOD="POST" ACTION="submit.php" > <INPUT type="text" name="URL" size=17 value="http://"> <INPUT type="text" name="user" size=17> <INPUT type="text" name="email" size=17> <INPUT type="submit" value="Submit" name="submit"/> <INPUT type=reset value="Clear"> </form>
这里有一个类似的问题:How to disable submit button once it has been clicked? 但是没有答案对我有用。 如果我使用: onClick="this.form.submit(); this.disabled=true; this.value='发送...
您好,我正在尝试提交此表格,但它根本没有做任何事情。只是停留... <form name="form1" class="newsletter relative color_default button_in_input" action="process.php" method="post"> 您好,我正在尝试提交此表格,但它根本没有做任何事情。一直呆在那里。 您需要关闭表单并确保提交按钮在<form></form>标签内。 <form name="form1" class="newsletter relative color_default button_in_input" action="process.php" method="post"> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" value="John"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" value="Doe"><br><br> <input type="submit" value="Submit"> </form> 设置要提交的提交按钮类型,但如果您显示代码,我们可以检查错误。
所以,我在使用 jquery“in”提交处理程序提交表单时出错 像这样 $('表格#表格').提交(函数(e){ e.preventDefault(); $(这个).提交(); }); 但我得到了错误 未捕获范围...