forms 相关问题

我可以阻止 Devextreme Angular DataGrid 表单中的 Enter 键提交表单吗？

我的应用程序中有一个复杂的 DataGrid 表单，其中包含许多不同的字段，包括文本区域。每当我尝试在任何文本相关字段上按 Enter 时，表单都会尝试提交，然后...

根据之前的输入过滤 html 表单选项

我会在这个问题之前说我不是在这里寻找代码，只是在我付出巨大努力之前表明我的方法是否正确。这就是为什么我看起来还没有...

为什么发送post请求后需要重定向？

页面上有 3 个用于更新数据的表格：第一个用于用户个人资料，第二个用于重置密码，第三个用于更改电子邮件。我将表单发送到控制器并重定向到同一页面。项目...

无法发布/contact.php

我的网站上有联系表单，但收到“无法 POST /contact.php”错误。 这是我在 html 页面上的表单： 我的网站上有联系表单，但收到“无法 POST /contact.php”错误。 这是我在 html 页面的表单： <form role="form" action="contact.php" method="post"> <div class="form-group"> <label for="InputName">Nom</label> <div class="input-group"> <input type="text" class="form-control" name="name" id="InputName" placeholder="Nom" required> <span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span> </div> </div> <div class="form-group"> <label for="InputEmail">Email</label> <div class="input-group"> <input type="email" class="form-control" id="InputEmail" name="email" placeholder="Email" required> <span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span> </div> </div> <div class="form-group"> <label for="InputEmail">Sujet</label> <div class="input-group"> <input type="text" class="form-control" id="InputEmail" name="subject" placeholder="Sujet" required> <span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span> </div> </div> <div class="form-group"> <label for="InputMessage">Message</label> <div class="input-group"> <textarea name="message" id="InputMessage" class="form-control" rows="5" required></textarea> <span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span> </div> </div> <div class="form-group"> <label for="InputReal">5 + 10? (Spam Checker)</label> <div class="input-group"> <input type="text" name="human" class="form-control" name="InputReal" id="InputReal" required> <span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span> </div> </div> <input type="submit" name="submit" id="submit" value="Submit" class="btn btn-info pull-left"> </form> 然后我尝试了我的 PHP 代码（contact.php）。不知道是不是有什么问题，因为我PHP很差： <?php $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; $to = '[email protected]'; $subject = $_POST['subject']; $human = $_POST['human']; $body = "From: $name\n E-Mail: $email\n Message:\n $message"; if ($_POST['submit'] && $human == '15') { if (mail($to, $subject, $body)) { echo '<p>Your message has been sent!</p>'; } else { echo '<p>Something went wrong, go back and try again!</p>'; } } else if ($_POST['submit'] && $human != '15') { echo '<p>You answered the anti-spam question incorrectly!</p>'; } ?> 如果任何了解 PHP 的人都可以提供帮助，那就太棒了。 提前致谢。 正如Sakthi Karthik所说，你需要检查contact.php的目录/路径。 您还应该检查的情况： if(isset($_POST['submit'] && $human == '15') 同样： else if(isset($_POST['submit'] && $human != '15') 确保您正在 XAMP/htdocs/“您的项目文件夹”/contact.php 中运行网页 PHP是服务器端语言，需要在服务器上运行。 启动 XAMPP 并确保 Apache 和 MySQL 已启动并正在运行。 确保同一文件夹中是否有 contact.php 文件。 您缺少标签 </form> 这个问题解决了吗？ 我有同样的问题，将 php 文件放在同一文件夹中并不能解决问题。

如何在Django中发送确认邮件和预定邮件

我正在开发一个涉及自定义用户注册表单的 Django 项目。我的目标是在提交表单时实施两步电子邮件通知流程： 立即电子邮件确认：自动...

引用 page.tsx 中的组件时，类型“{}”缺少类型中的以下属性

我有一个表单“Userform”，在 page.tsx (next.js) 中，它引用了用户表单。但是在 page.tsx 中，它显示错误 - 类型“{}”缺少类型“UserFor...

我无法从控制器 Rails 7 渲染部分 js

我已经创建了 my_portfolio.html.erb ，并将表单提交给带有远程控制器的控制器： true ，控制器接受参数并验证一切都可以在条件和代码下正常工作，但它可以'...

将输入元素与表单中的某些按钮相关联？

http://jsfiddle.net/EGjc9/ 我在页面上有几个 元素，我需要将距离它们最近的 元素与这些按钮关联起来。现在，当您在任意位置按 ENTER 键时... http://jsfiddle.net/EGjc9/ 我在页面上有几个 <button> 元素，我需要将距离它们最近的 <input> 元素与这些按钮关联起来。现在，当您在任何输入字段上点击 ENTER 时，它会触发表单中的第一个 <button>。我该如何改变这个？ DOM： <form action="irrelevant"> <div> <select><option>1</option><option>2</option><option>3</option></select> <input type='text'/> <button>Hello</button> </div> <div> <select><option>1</option><option>2</option><option>3</option></select> <input type='text'/> <button>Hello</button> </div> <div> <select><option>1</option><option>2</option><option>3</option></select> <input type='text'/> <button>Hello</button> </div> <div> <select><option>1</option><option>2</option><option>3</option></select> <input type='text'/> <button>Hello</button> </div> </form> DOM 就绪： $('button').click( function(){ $(this).siblings().filter('select').val('3'); return false; }); 您需要使用 KeyPress 事件来捕获按下的“Enter”键，然后使用 JavaScript 按下您想要的按钮。 例如： //some key is pressed $('input').keypress( function(event){ //is this "Enter"? if (event.key === 'Enter') { //finding the button inside the same <div> and clicking on it $(this).parent().find('button').click(); //we don't need a default action event.preventDefault(); } }); 类似这样的： $('input').bind('keypress', function(e){ if(e.which == 13) { //Enter keycode $(this).next().click() } return false; }); 小提琴

React Hook Form - 当状态脏时值属性消失了

我正在使用react-hook-form来管理表单状态。 但是当我开始在文本字段中输入时，devtool 中显示的 value 属性消失了。 用户界面初始状态。 如上面的截图所示，va...

您可以更改默认表单验证消息的区域设置吗？

有没有办法更改默认表单验证消息的区域设置，以便无论浏览器的语言如何，它们始终以英语显示。 我不想通过

如何显示“创建”和“编辑”操作表单的特定字段 - Symfony3

我有一个简单的 FormType 附加到一个名为 media 的实体，我在视图中呈现该实体。 我有一个 newAction 可以让我创建对象，还有一个 editAction 可以让我用相同的形式编辑它......

React PreventDefault 函数不会停止重新加载表单页面

我正在创建一个 React 上下文来解码 jwts 并管理用户的登录功能。后端是使用django编写的。 <<<<< Login.jsx >>>>> 导入 React, { useContext ...

即使在 WordPress 中使用 PreventDefault()，jQuery 提交按钮也会重新加载页面

我有一些 jQuery，我通过一些文本字段插入一些数字，然后它应该打印出结果，这在我的本地计算机上工作得很好。 然而，当我添加到我的 WordPress 环境时，...

Wordpress jquery 表单提交

我有一些jquery，我通过一些文本字段插入一些数字，然后它应该打印出结果，这在我的本地计算机上工作得很好。 然而，当我添加到我的 WordPress 环境时，子...

Angular Material mat-stepper，如何将以编程方式创建的 componentRefs 正确传递给 mat-step？

我有一个问题请教， 我以编程方式创建了一些仅声明的组件，因此这些选择器根本不在任何模板中使用。我使用 ViewContainerRef.createComponent 来创建

输入密钥提交Ajax表单

我有一个非常简单的 AJAX 表单，它要求提供电子邮件地址，并在提交后将其发送给我。 我怎样才能在按下回车键时获得要提交的表单？ 当用户点击...时运行

使用 Bootstrap 和 popper js 的 Angular 模型组件

我试图在单击跟踪模式中的添加跟踪按钮时触发模型打开 添加跟踪... 我试图在单击跟踪模式中的添加跟踪按钮时触发模型打开 <button (click)="toggleForm()" class="btn btn-primary">Add Tracking</button> <div id="trackingModal" class="modal fade" tabindex="-1" *ngIf="showForm"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Add Tracking</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" (click)="toggleForm()"></button> </div> <div class="modal-body"> <form *ngIf="showForm" (ngSubmit)="onSubmit()"> <div class="form-group"> <label for="receiver">Receiver</label> <input type="text" class="form-control" id="receiver" [(ngModel)]="newShipmentData.receiver" name="receiver" required /> </div> <div class="form-group"> <label for="price">Price</label> <input type="number" class="form-control" id="price" [(ngModel)]="newShipmentData.price" name="price" required /> </div> <div class="form-group"> <label for="pickupTime">Pickup Time</label> <input type="datetime-local" class="form-control" id="pickupTime" [(ngModel)]="newShipmentData.pickupTime" name="pickupTime" required /> </div> <div class="form-group"> <label for="distance">Distance</label> <input type="number" class="form-control" id="distance" [(ngModel)]="newShipmentData.distance" name="distance" required /> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" (click)="toggleForm()"> Close </button> </div> </div> </div> </div> 这是 traking.ts 代码 import { Component, OnInit, ViewChild, ElementRef } from "@angular/core"; import { CommonModule } from "@angular/common"; import { FormsModule } from "@angular/forms"; import { ShipmentData, TrackingService } from "../tracking.service"; import { ShipmentStatusPipe } from "../shipment-status.pipe"; @Component({ selector: "app-tracking", standalone: true, imports: [FormsModule, CommonModule, ShipmentStatusPipe], templateUrl: "./tracking.component.html", styleUrls: ["./tracking.component.css"], }) export class TrackingComponent implements OnInit { // eslint-disable-next-line @typescript-eslint/no-explicit-any shipments: ShipmentData[] = []; // Temporary - adjust based on your service showForm = false; newShipmentData!: ShipmentData; @ViewChild("trackingModal") trackingModal!: ElementRef; constructor(private trackingService: TrackingService) {} ngOnInit() { this.trackingService.getAllShipment().then((shipments: ShipmentData[]) => { this.shipments = shipments; }); this.newShipmentData = { sender: "", receiver: "", price: "0", pickupTime: Date.now(), deliveryTime: 0, distance: 0, isPaid: false, status: 0, }; } toggleForm() { this.showForm = !this.showForm; console.log(this.trackingModal, this.showForm); } async onSubmit() { try { // Call your service to create the shipment await this.trackingService.createShipment(this.newShipmentData); // Handle success (e.g., close the form, display a success message) this.showForm = false; console.log("Shipment created successfully"); // Reset the form this.newShipmentData = { sender: "", receiver: "", price: "0", pickupTime: Date.now(), deliveryTime: 0, distance: 0, isPaid: false, status: 0, }; } catch (error) { // Handle errors from the TrackingService console.error("Error creating shipment:", error); } } } 现在，当我单击“添加跟踪”按钮时，模式不会出现 流程是这样的 首先用户单击添加跟踪按钮 带有表格的模型将打开并询问详细信息 当用户填写详细信息时，它将与跟踪服务交互 您的代码中的一切都很完美。 即使我在本地添加了你的代码。 也许你的元素隐藏在其他元素后面或者某些CSS被覆盖。 您能否提供 stackbiltz，以便提供更多帮助。

模板渲染期间抛出异常（“类闭包的对象无法转换为字符串”）

我尝试在空字段中默认设置用户的用户名，该字段为空，但当我尝试这样做时，我收到一条错误消息。 ->add('用户名', TextType::class, [ “标签”...

如何使用 Blazor 将 TelerikGrid 嵌套在 TelerikForm 中

我有一个带有 FormItems --> FormGroup --> FormItem(s) 的 TelerikForm，我希望在表单的中间或底部有一个网格，我可以在其中添加多行的新项目。 ...

如何在不重定向的情况下提交 HTML 表单

如果我有这样的表格， ... 我怎样才能在不重定向的情况下提交它...