当我单击submit时输入为空时，如何更改输入样式？

文章/答案/技术大牛

发布

2回答

php、css

当用户单击submit并且必填字段为空时，我无法更改输入样式。我尝试为每个输入创建一个div并在css中更改它，在CSS中尝试使用if，在php中尝试if和elseif if，但似乎都不起作用。</table> <input type="submit" name="registe

浏览 16提问于2019-02-06得票数 0

回答已采纳

2回答

使用jQuery动态修改提交表单上的输出警报内容

javascript、jquery、html、forms

</span>在页面加载时，警告div用CSS隐藏： display: none;有一个JS验证文件，用于检查提交时输入是否为空。此JS文件不能更改。如果单击submit按钮时输入标签为空，则JS将执行一个简单的jQuery show()函数，以便用户可以看到该di

浏览 43提问于2016-07-23得票数 0

1回答

HTMLDOM:如何使用jquery或javascript从“上传”按钮中更改文本“选定的文件”？

jquery、html、css、forms、dom

如何使用jquery / javascript更改上传按钮上的文本“选定”？谢谢注意:这是默认的内置输入文件按钮。

浏览 1提问于2015-09-30得票数 0

回答已采纳

1回答

jQuery AJAX被无错误地中断。

jquery、ajax

loginForm.php (用于登录的html/php/javascript )* user.php (检查DB的公共功能) 让jq

浏览 1提问于2018-06-21得票数 2

回答已采纳

2回答

通过Javascript更改Disaply属性时，显示在单独行上的多个HTML字段

javascript、html

我有一个表，当单击按钮时，可以编辑字段。我为它设置了一个小提琴：按钮的代码是：showEditFields的工作方式是这样的:当我单击“更改”按钮时，

浏览 3提问于2014-06-17得票数 0

回答已采纳

1回答

使用状态变量重新呈现React表单中的错误

javascript、reactjs、forms

当usernameBlock为false时，将呈现第二个块(用户名部分)。当用户输入一个输入并单击按钮时，usernameBlock的值将更改为true。因此，第一个块(密码部分)被呈现。这没问题。与普通输入和按钮相同，这是作为另一个组件的样式和保持。所以没有与相关的问题问题是，当我在“输入用户名”部分输入名称并单击按钮时，相同的名称出现在“<

浏览 3提问于2020-12-24得票数 0

2回答

输入[type=“submit”]-单击时更改背景

html、css、input、submit

我有一个简单的<input type="submit" value="Search">提交按钮。在CSS中，我用input[type="submit"]和input[type="submit"]:hover设置了样式，所以它在默认情况下和悬停时会改变它的背景。有没有办法在点击时改变它的背景？

浏览 0提问于2010-07-22得票数 4

回答已采纳

2回答

我用html制作了一个表单，其中包含两个输入字段first name和last name，并将required属性添加到输入类型标记中。我还制作了两个按钮Submit和View。如果两个字段都为空，则显示please fill out this field attribute消息。当我单击submit按钮时，表单中的数据使用php进入我的sql数据库，这很好。但是当我单击查看按钮时，我只想显示一条消

浏览 2提问于2016-04-28得票数 2

1回答

Reactjs/ graphql :在加载页面时停止执行graphql查询

reactjs、react-native、graphql、react-apollo、graphql-js

经过一些调试后，我发现当页面加载时，React正在执行以下查询： options: (props) => ({end: props.end }) 来自服务器的错误是“Bad Request”，这似乎是因为start和end为空，并且它们被分配为浮点型！当然，这些变量将是空的；用户没有输入值。当我在UI中输入

浏览 0提问于2018-10-31得票数 0

3回答

用javascript重置html所需的样式

javascript、html、css、required

我有一个带有属性所需集的输入的表单。当我提交表单并且输入为空时，它会显示它周围的红色边框。我现在正在寻找一个javascript方法来删除它，并将输入的显示重置为初始状态。重新设置并再次提交后，应再次检查输入，如果为空，则显示红色边框。因此，我认为将css设置为:required并不能给出所需的解决方案。jquery/2.1.1/jquery.min.js&q

浏览 9提问于2016-05-07得票数 1

回答已采纳

1回答

如何在鼠标悬停时设置“提交”输入的样式？

css、input、click、mouseover、reset

我需要样式化两个不同的输入，使其在鼠标悬停和单击时显示不同，就像按钮一样。通常我会使用按钮；但是，其中之一是输入type=“重置”，我假设使用输入比编写表单重置脚本更简单。如何使用CSS输入类型为"submit“和"reset”的样式，用于鼠标悬停和单击？

浏览 0提问于2011-04-23得票数 6

回答已采纳

1回答

>的样式设置

css、forms、html、webkit、required

请在Chrome浏览器中查看此示例： <input required type = "text" ></form> 当您将输入保留为空并单击enter时，您将收到如下消息：Please fill out this field.如何在WebKit和其他浏览器中设置此消息的样式，

浏览 0提问于2012-01-05得票数 7

回答已采纳

2回答

使用Javascript更改输入值

javascript、forms、validation、email、input

我有一个表单，它有一个字段输入"email“，它的值是空的，直到用户填满它。好的，在单击submit按钮时，我调用了validate()函数，它是： var email=document.getElementById("email(); } 我想在这里做的是，如果插入的电子邮件不符合要求(无效)，请使用“插入正确的电子邮件”更改输入值。如果字段为空</em

浏览 3提问于2013-03-10得票数 3

回答已采纳

2回答

Rails内联文本字段要操作

ruby-on-rails、forms、inline

在索引视图中，我想将状态从0更改为1的直接链接，这是我可以做到的。我想要做的是询问状态更改的原因(文本归档)，并将该文本作为参数发送到相应的操作。有人能为我指出正确的方向吗？谢谢!

浏览 6提问于2013-11-05得票数 0

回答已采纳

4回答

为什么在这个isset和!empty if块中默认执行else语句？

php

form action="md.php" method="POST"><input type="submit" value="Submit">问题是，当我运行这段代码，然后在默认情况下，我看到消息Enter Passwor

浏览 0提问于2015-08-21得票数 0

1回答

Jquery AJAX调用在相同的请求上会间歇性地失败

ajax、jquery、pylons

web_registration.index.registerSubmitSuccess, }); 然而，当我使用相同的参数重复请求时当调用错误回调时，失败时jqXHR.status始终为0，但在statusText、responseText、textStatus或errorThrown中没有任何描述性内容。

浏览 0提问于2011-08-31得票数 0

1回答

按钮按钮上的JQuery验证输入

javascript、jquery、html、forms、jquery-validate

我有一个空的输入，但是输入是动态填充的文本点击一个按钮。当我这样做时，验证似乎不起作用。在小提琴中，在输入为空时单击submit，然后将按钮切换到No -

浏览 2提问于2018-08-17得票数 2

2回答

Angular，如何有条件地设置必填字段的样式？

angularjs

当按下按钮时，如果表单有效，则应提交表单，如果未提交，则无效字段应以红色突出显示。由于遗留的原因，我正在导入一个css文件，它定义了红色背景的input:invalid，因此任何标记为required的输入域都将始终显示为红色。这在某种程度上是可行的，除了第一次单击submit按钮时，表单$valid的计算结果为true。如何有条件地设置ng-required，使我的字段仅在单击submit按钮后设置样式</

浏览 32提问于2017-07-01得票数 2

回答已采纳

1回答

更改复选框时提交表单并保留内置浏览器验证

javascript、html、reactjs

我的表单由文本输入和复选框组成。我想在每次更改复选框时提交表单，并仍然保留此内置验证。目前，如果文本输入为空，并且我单击复选框，它将提交。> <input type="checkbox" onChange={(e) => h

浏览 6提问于2020-11-14得票数 0

回答已采纳

1回答

当用户单击submit按钮，输入字段为空时，如何显示消息？

reactjs、react-native

当用户按空输入字段的按钮时，我想向他们显示一条错误消息(类似于“您必须填充所有所需的字段”)。这是我的密码：export default function Form({ loading, onSubmit }) {className="float-left w-1/4 rounded-lg bg-green-700 py-2 font-medium text-white" type="<

浏览 3提问于2022-06-10得票数 -1

点击加载更多