forms 相关问题

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

角度表单验证$无效不起作用

当字段为空时,我试图禁用提交按钮。但它不起作用。不知道为什么它不起作用。看了很多博客,但不知道问题出在哪里。 当字段为空时,我试图禁用提交按钮。但它不起作用。不知道为什么它不起作用。看了很多博客,但不知道问题出在哪里。 <form name="createForm"> <div class="form-group col-md-6"> <label for="createName">Student</label> <select class="form-control" name="student" id="createName" ng- model="createStudent.studentId" ng-options="item.name for item in allStudent" required> <option value="" selected disabled>Select</option> </select> </div> <div class="form-group col-md-6"> <label for="createClass">Class</label> <select class="form-control" name="class" id="createClass" ng- model="createStudent.classId" ng-options="item.number for item in allClass" required> <option value="" selected disabled>Select</option> </select> </div> </div> <div class="form-group col-md-6 text-md-center"> <label for="createCategory">Type of Category</label> <select class="form-control" name="category" id="createCategory" ng-model="createStudent.type" ng-options="item.category_type for item in allcategoriestypes" required> <option value="" selected disabled>Select</option> </select> </div> </div> <div class="row align-items-end justify-content-center"> <div class="form-group col-md-6 text-md-center"> <label for="createTeacherName">Teacher Name</label> <input type="text" class="form-control" name="teacher" id="createTeacherName" ng-model="createStudent.name" placeholder="Enter Teacher Name" required> </div> </div> </div> <div class="text-center pt-1"> <button type="submit" class="btn btn-info px-5" ng- click="create(createStudent)" ng- disabled="createForm.$invalid">Save</button> </div> </form> 它工作正常。当字段为空时,它会禁用提交按钮。 <!DOCTYPE html> <html> <body> <form name="createForm"> <div class="form-group col-md-6"> <label for="createName">Student</label> <select class="form-control" name="student" id="createName" ng- model="createStudent.studentId" ng-options="item.name for item in allStudent" required> <option value="" selected disabled>Select</option> </select> </div> <div class="form-group col-md-6"> <label for="createClass">Class</label> <select class="form-control" name="class" id="createClass" ng- model="createStudent.classId" ng-options="item.number for item in allClass" required> <option value="" selected disabled>Select</option> </select> </div> </div> <div class="form-group col-md-6 text-md-center"> <label for="createCategory">Type of Category</label> <select class="form-control" name="category" id="createCategory" ng-model="createStudent.type" ng-options="item.category_type for item in allcategoriestypes" required> <option value="" selected disabled>Select</option> </select> </div> </div> <div class="row align-items-end justify-content-center"> <div class="form-group col-md-6 text-md-center"> <label for="createTeacherName">Teacher Name</label> <input type="text" class="form-control" name="teacher" id="createTeacherName" ng-model="createStudent.name" placeholder="Enter Teacher Name" required> </div> </div> </div> <div class="text-center pt-1"> <button type="submit" class="btn btn-info px-5" ng- click="create(createStudent)" ng- disabled="createForm.$invalid">Save</button> </div> </form> </body> </html> 请找到适合您的代码的工作插件: http://plnkr.co/edit/H1LOahFNWRXYHWTVmrcW?p=preview <form name="createForm"> <div class="form-group col-md-6"> <label for="createName">Student</label> <select class="form-control" name="student" id="createName" ng- model="createStudent.studentId" required> <option value="studentValue">Student Name</option> </select> </div><br/> <div class="form-group col-md-6"> <label for="createClass">Class</label> <select class="form-control" name="class" id="createClass" ng- model="createStudent.classId" required> <option value="classValue">Class</option> </select> </div><br/> <div class="form-group col-md-6 text-md-center"> <label for="createCategory">Type of Category</label> <select class="form-control" name="category" id="createCategory" ng-model="createStudent.type" required> <option value="typeValue">Category</option> </select> </div><br/> <div class="row align-items-end justify-content-center"> <div class="form-group col-md-6 text-md-center"> <label for="createTeacherName">Teacher Name</label> <input type="text" class="form-control" name="teacher" id="createTeacherName" ng-model="createStudent.name" placeholder="Enter Teacher Name" required> </div> </div><br/> <div class="text-center pt-1"> <label>Value returned for $invalid :: {{createForm.$invalid}}</label><br/><br/> <button type="submit" class="btn btn-info px-5" ng-click="create(createStudent)" ng-disabled="createForm.$invalid">Save</button> </div> </form> 确保所有标签均已正确关闭并且所有字段均不为空。 我知道这是一篇旧帖子,您可能已经得到答案,但我自己偶然发现了这个问题。就我而言,我使用空对象初始化了分配给表单字段的模型属性,因此它们不被视为空。一旦我从控制器中删除了这些初始化,表单就开始按预期运行。

回答 3 投票 0

ASP.NET MVC 应用程序:表单重定向到不存在的页面,而不是将数据保存到数据库

我正在开发一个 ASP.NET MVC 应用程序,我在其中创建了一个包含所有必要的 MVC 组件(模型、视图、控制器)的产品页面。然而,当用户在产品上填写表格时...

回答 1 投票 0

WPForms 中唯一 ID 显示的问题

我在 WPForms 中的 {unique_value} 标记有问题。原则上,它为每个表单提交显示一个唯一的 ID。我的问题是这个 ID 显示为“tUdJIeREikrxBhGz”...

回答 1 投票 0

谁能帮我移动这个按钮

表示翻转相反的按钮应该位于文本框下方,如图所示。正确的按钮位置 这就是我的代码的样子。 我希望将按钮移动到与所有

回答 1 投票 0

在颤振中验证期间在空字段中自动滚动

我在 flutter 中创建了一个表单,在验证过程中(单击按钮时)我希望它向上滚动到空字段。我尝试了很多方法,包括FocusNode,因为有很多

回答 2 投票 0

如果 Angular2 中满足条件,则在下拉列表中设置所选属性

我的项目中有2个对象:一个公司和一个用户。我有一个表单,用户可以在其中更新他的个人资料。他可以更新的内容之一就是国家。现在要显示我使用下拉菜单的国家/地区...

回答 2 投票 0

在 CodeIgniter 应用程序中接受用户提交数据并返回结果

我目前正在学习 CodeIgniter,我希望开发一个由 2 个表单组成的简单示例,我们将它们称为表单 a 和表单 b。表格 a 有一个名为“LastName”的编辑字段,表格 b 将

回答 3 投票 0

WordPress 上的表单重定向到 404 错误,但适用于 Duda

我的网站上的联系表格遇到问题。它在 Duda 上运行良好,但在 WordPress 上不起作用。每次有人在 WordPress 上提交表单时,它都会重定向到 404(页面...

回答 1 投票 0

如何打开数据表中特定记录的表单

我试图在子表单(数据表)中创建一个超链接,以根据单击的记录打开一个新表单。我让用户单击的字段是查询的结果。 我的数据库有两个选项卡...

回答 1 投票 0

上传后显示文件名确认

He,我想弄清楚如何在上传后显示文件名和扩展名作为确认消息。 这就是我现在所拥有的 他,我正在想办法如何在上传后显示文件名和扩展名作为确认消息。 这就是我现在拥有的 <?php // Check if a file has been uploaded if(isset($_FILES['uploaded_file'])) { // Make sure the file was sent without errors if($_FILES['uploaded_file']['error'] == 0) { // Connect to the database $dbLink = new mysqli('localhost', 'root', '', 'test_db'); if(mysqli_connect_errno()) { die("MySQL connection failed: ". mysqli_connect_error()); } // Gather all required data $name = $dbLink->real_escape_string($_FILES['uploaded_file']['name']); $mime = $dbLink->real_escape_string($_FILES['uploaded_file']['type']); $data = $dbLink->real_escape_string(file_get_contents($_FILES ['uploaded_file']['tmp_name'])); $size = intval($_FILES['uploaded_file']['size']); // Create the SQL query $query = " INSERT INTO `file` ( `name`, `mime`, `size`, `data`, `created` ) VALUES ( '{$name}', '{$mime}', {$size}, '{$data}', NOW() )"; // Execute the query $result = $dbLink->query($query); // Check if it was successfull if($result) { echo "Your file has been uploaded"; } else { echo 'Error! Failed to insert the file' . "<pre>{$dbLink->error}</pre>"; } } else { echo 'An error accured while the file was being uploaded. ' . 'Error code: '. intval($_FILES['uploaded_file']['error']); } // Close the mysql connection $dbLink->close(); } else { echo 'Error! A file was not sent!'; } // Echo a link back to the main page echo '<p>Click <a href="index.html">here</a> to go back</p>'; ?> 我希望它列出已上传文件的名称和扩展名,然后在最后显示“已成功上传”,而不是回显“您的文件已上传”。 示例:我上传 contact.pdf。我希望它显示“contact.pdf已成功上传” 我希望它适用于任何文件和扩展名。 提前非常感谢。 您需要从 FILES 变量中获取文件名: http://php.net/manual/en/features.file-upload.post-method.php 您可能想使用一些文件方法来获取您想要的文件名部分: http://php.net/manual/en/ref.filesystem.php 它对我来说效果很好,只需保持简单 <?php echo basename($newsfeed['file']) ?> for 循环 foreach ($path as $p) { echo basename($p, ".jpg"); }

回答 2 投票 0

如何在codeigniter中以相同的形式上传不同的配置

我有一个包含2个上传文件的表单,我想在不同的配置中上传pdf文件,我已经尝试过这个。但仅通过第一个配置保存。我正在搜索可能会使用 $this->upload->initial...

回答 1 投票 0

React 代码在 PC 浏览器中工作正常,但在移动浏览器上不行

我的代码在笔记本电脑浏览器上运行良好,但无法在移动浏览器上提交表单。 从“react”导入{useEffect,useState}; 从“axios”导入 axios; 导入“

回答 1 投票 0

从下拉菜单中删除值(如果之前选择过)

基本上我有一个列表并创建一个下拉列表和几乎 10 个值。如果有人填写表格并在菜单中选择 1 个值,我需要从列表中删除,以防止第二次被选择...

回答 1 投票 0

登录网络抓取

我正在尝试从 www.roblox.com 上抓取一个需要登录的页面。我已经使用 .ROBLOSECURITY cookie 完成了此操作,但是,该 cookie 每隔几天就会更改一次。我想改为...

回答 2 投票 0

我可以自定义 React-Bootstrap Form Control 输入文本框的文本颜色吗?

我正在尝试使用 React-Bootstrap Form 元素在网站上创建一个表单,但我希望它与网站当前的配色方案相匹配。我能够制作输入的背景颜色...

回答 2 投票 0

vueForm,基于兄弟选择元素动态加载列表中的选择元素项的问题

iam 在 nuxt3 中使用 vueForm https://vueform.com/ 我有以下模式的列表,其中包含 2 个需要连接的选择元素(国家/地区-城市连接),我需要加载正确的列表

回答 1 投票 0

在WPForms插件中,我们可以添加带有放弃表单的用户旅程吗?

我正在使用 WPForms pro 插件。我还安装了用户旅程和放弃表单插件,现在我想将用户旅程添加到放弃表单,谁能告诉我该怎么做? 我试过谷歌...

回答 2 投票 0

如何发送 FastAPI 响应而不将用户重定向到另一个页面?

我正在使用 FastAPI 创建一个 API,它从 HTML 页面接收表单数据,处理数据(需要一些时间)并返回一条消息,表示此任务已完成。 这是我的后端: Fr...

回答 1 投票 0

如何在 Symfony2 中更改返回渲染方向

我在 symfony 中渲染表单时遇到问题。 我使用商业模板(SmartAdmin),该模板使用 AJAX 来捕获加载的所有 url,在 url 提供时保留菜单和配置...

回答 1 投票 0

Laravel 11 表单数据未传递到电子邮件模板

我对使用 Laravel 相当陌生。但问题就在这里,我遇到一个问题,即单击提交后从表单获取的数据没有传递到刀片模板。对于

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.