forms 相关问题

表单本质上是一个容器，可用于保存几种类型数据的任何数量的任何数量的子集。 HTML表单用于将数据传递到服务器。 VB和C＃表单是用于与用户交互的窗口。

如何使用 useActionState 挂钩将表单提交按钮设置为禁用，直到表单为空？

我在 React 应用程序中有一个表单。我正在使用 useActionState 挂钩来管理表单状态。如何将提交按钮设置为禁用，直到用户在文本输入中输入内容？通过使用

javascript reactjs forms react-19

回答 1 投票 0

React - 使用 useActionState 挂钩将表单提交按钮设置为禁用，直到表单为空

javascript reactjs forms react-19

回答 1 投票 0

我的 Gatsby / Netlify 表单未提交任何表单数据

在网站上提交表单时，提交内容会出现在 Netlify Forms 中，但内容为空。这是表单代码：在网站上提交表单时，提交内容会出现在 Netlify Forms 中，但内容为空。这是表单代码： <form className="mt-4" method="POST" netlify netlify-honeypot="bot-field" data-netlify="true" name="form-name"> <input type="hidden" name="bot-field" /> <input type="hidden" name="form-name" value="form-name" /> <div className="mb-6"> <label className="block text-gray-700 text-lg mb-1" htmlFor="name"> Your Name </label> <input className="rounded-md appearance-none w-full py-4 px-4 text-gray-700focus:outline-none" id="name" type="text" placeholder="Your name" required /> </div> <div className="mb-6"> <label className="block text-gray-700 text-lg mb-1" htmlFor="email"> Your Email </label> <input className="rounded-md appearance-none w-full py-4 px-4 text-gray-700focus:outline-none" id="email" type="email" placeholder="Your email" required /> </div> <div className="mb-6"> <label className="block text-gray-700 text-lg mb-1" htmlFor="email"> Your form-name </label> <textarea rows="10" className="rounded-md appearance-none w-full py-4 px-4 text-gray-700focus:outline-none" id="form-name" placeholder="Your enquiry" required /> </div> <div className="flex items-center justify-center"> <button className="bg-gray-800 block w-full md:inline-block md:w-auto hover:bg-gray-600 text-white font-bold py-5 px-8 rounded focus:outline-none focus:shadow-outline" type="submit"> Submit </button> </div> </form> 这是网址： https://party-pix.co.uk/ 您在提交表单时检查过您的有效负载吗？内容是否在有效负载中？

forms gatsby netlify-form

回答 1 投票 0

验证::表单错误视图中缺少标记

我对 CodeIgniter 很陌生，使用的是 4.5.5。我得到了一个 HTML 表单，一个复杂的表单，用于管理数据库中的数据。突然，验证表单错误视图不再显示带有点标记的错误

forms codeigniter validation

回答 1 投票 0

如何在netlify上运行php文件？

我建立了一个有表单的网站。联系表单在提交时重定向至 contact.php。由于某种原因，每当我提交时，它都会说找不到页面。索引.html ... 我建立了一个有表单的网站。联系表单在提交时重定向至 contact.php。由于某种原因，每当我提交时，它都会说找不到页面。 index.html ... <form action="contact.php" method="post" enctype="text/plain"> Name:<br> <input type="text" name="name" class="form-control" required><br> E-mail:<br> <input type="email" name="mail" class="form-control" required><br> Message:<br> <input type="text" name="comment" size="50" class="form-control" required><br><br> <button type="submit" value="Send"> Send Message </button> </form> ... contact.php <?php if($isset($_POST['submit'])) { $name = $_POST['name']; $mailFrom = $_POST['mail']; $message = $_POST['comment']; $mailTo = "[email protected]"; $headers = "From: ".$mailFrom; mail($mailTo, $name, $message, $headers); header("Location: index.html"); } ?> 我添加了一个 build.sh 文件，其中包含： #!/bin/bash php contact.php 我还在构建命令中添加了./build.sh。我感觉我的剧本有问题。请建议我解决此问题的替代方案。 Netlify 站点部署到 CDN 并提供静态内容，尽管您可以在部署时运行 PHP，但您不能在页面请求期间执行 PHP。要提交表单，您可以使用 Netlify Forms 或其他一些无服务器表单解决方案。我建议使用 InfinityFree 免费托管 PHP 网站。或者，如果您的需要只是发送电子邮件表单，其余的是静态页面，那么我推荐 emailjs，它可以让您免费发送电子邮件。这样您就可以在 netlify 或 vercel 中部署您的网站转到 Netlify 帐户中的站点链接。选择您想要添加表单的正确网站。然后转到您的表格链接。在此窗口中启用表单，然后文档会向您提供有关如何添加到代码中以使表单正常工作的说明。表单管理表单和提交内容，无需任何服务器端代码或 JavaScript。使用 netlify 属性将 HTML 表单添加到您的网站标签，启用表单检测，您将自动收到表单 Netlify 仪表板中的提交内容。 Netlify 解析 HTML 表单直接在部署时进行，因此无需进行 API 调用或在您的网站上包含额外的 JavaScript。您可以使用 000webhost.com 托管来上传您的 php 项目。

php forms netlify

回答 4 投票 0

上传文件到云服务器

我正在建立一个网站，用户可以上传他们的照片等。为了存储数据，我正在考虑使用云服务器。我对如何上传数据有点困惑......

php forms upload cloud

回答 2 投票 0

Flask WTForms HiddenInput 值未发送到应用程序

所以，这是我在 Stack Overflow 上的第一个问题。请客气点.. 我正在尝试使用 IntegerField 作为 HiddenInput，但是当我提交表单时，该字段的值不会发送到...

html forms flask flask-sqlalchemy flask-wtforms

回答 2 投票 0

在 Nextjs 中使用服务器操作 useActionState 挂钩

我有一个正在调用服务器操作的登录表单，并且我正在使用 useActionState 来处理表单的状态，但我收到打字稿错误类型参数 '(state: SignInFormInitialSta...

reactjs forms next.js react-dom server-action

回答 1 投票 0

Formik ErrorMessage 第一次未显示

我在react项目中使用Formik表单。我里面有以下代码我在react项目中使用Formik表单。我里面有以下代码<Formik><Form> <Field name="zip" validate={some validation is here}> <input {...fieldProps.field} id="zip" name="zip" className="form-control" placeholder="zip" required={true} maxLength={5} onKeyDown={(event) => this.onZipChange(event)}/> </Field> <ErrorMessage name="zip" render={msg => <div>{msg}</div>} /> 渲染表单时，我对输入进行更改，例如，从 zip 中删除一个数字，因此在 props.formProps.errors 中出现错误文本，但 ErrorMessage 未显示。在我单击页面的任何位置后，它就会出现，然后它会继续按预期工作：如果 zip 中出现任何错误，按下按键时它会显示 ErrorMessage，如果 zip 有效则隐藏。问题仅出现在第一次渲染表单时。有什么想法，什么会导致这个问题？这是预期的行为。 <ErrorMessage /> 仅当满足以下两个条件时才会显示：给定字段有错误消息该字段的 touched 属性是 true 默认情况下，Formik 会在模糊时将 touched 设置为 true。这就是为什么只有当您在输入之外单击时才会显示错误消息的原因。如果您想强制在模糊之前显示错误消息，您可以手动将输入的 Touched 属性设置为 true。这可以通过多种方式完成，但最简单的是通过 initialTouched 上的 <Formik /> 道具。如果表单预加载了来自后端的数据，您可能还需要将 validateOnMount 属性设置为 true。例如： <Formik validateOnMount initialTouched={{zip: true}} > ... </Formik> Irfanullah Jan 描述了为什么该错误对于未触及的字段不可见。如果您正在执行动态验证（来自服务器响应或其他方式）并希望包含未触及的字段，则命令式版本将如下所示： const field = 'username'; const errorMessage = 'Must be present'; formikBag.setFieldTouched(field); formikBag.setFieldError(field, errorMessage);

reactjs typescript forms formik

回答 2 投票 0

如何从.mdb文件中提取表单信息？

我正在寻找表单规范数据 - 您将在表单的设计视图中输入的所有参数。我已经使用 jackess 来访问 .mdb 文件。我摆弄了 MSysObjects 的权限...

java forms ms-access information-extraction

回答 1 投票 0

动态更新的数据列表不会显示

我正在使用以下脚本在用户键入时动态更新 html5 数据列表： $('#place').on('keyup', function() { $.post('content/php/autocomp.php', { field: 'plaats', val: $('#pl...

html forms autocomplete html-datalist

回答 4 投票 0

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

php laravel forms controller submit

回答 2 投票 0

提交后如何清除React中的表单输入

我正在使用 emailjs 服务将表单中的数据提交到我的电子邮件。但是，当我删除 formhandler 函数中的 event.preventDefault() 函数时，没有消息或邮件发送到我的电子邮件，而

reactjs forms

回答 1 投票 0

Django 无法访问使用 ModelForm 创建的表单中的变量

我正在尝试基于 Django 中的 ModelForm 类创建一个简单的表单。不幸的是我不断收到 UnboundLocalError 错误。我检查了很多关于类似问题的建议，但似乎我有一个......

django forms modelform

回答 1 投票 0

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

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