jQuery将焦点设置在同一页面中的多个表单的首次输入上，一次一个
jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果和Ajax交互等操作。在前端开发中，jQuery经常被用于操作DOM元素、处理用户交互和实现动态效果。
在同一页面中，如果有多个表单需要设置焦点，可以使用jQuery的focus()方法来实现。focus()方法用于将焦点设置在指定元素上，使其成为当前活动元素，从而可以接收键盘输入。
下面是一个示例代码，演示如何使用jQuery将焦点设置在多个表单的首次输入上：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form>
<label for="name">姓名：</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱：</label>
<input type="email" id="email" name="email"><br><br>
<label for="password">密码：</label>
<input type="password" id="password" name="password"><br><br>
<button type="submit">提交</button>
</form>
<script>
$(document).ready(function() {
// 将焦点设置在第一个表单元素上
$("input:first").focus();
// 当用户按下回车键时，将焦点设置在下一个表单元素上
$("input").keypress(function(event) {
if (event.which === 13) {
event.preventDefault();
$(this).next("input").focus();
}
});
});
</script>
</body>
</html>在上述示例中，首先通过$(document).ready()函数确保页面加载完成后再执行代码。然后使用$("input:first").focus()将焦点设置在第一个表单元素上。接着，通过$("input").keypress()监听键盘按下事件，当用户按下回车键时，使用$(this).next("input").focus()将焦点设置在下一个表单元素上。
这样，用户在页面中按下回车键时，焦点会自动切换到下一个表单元素，实现了一次一个地输入。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。
- 腾讯云云服务器（CVM）：提供弹性计算能力，可根据业务需求灵活选择配置，支持多种操作系统和应用场景。了解更多信息，请访问腾讯云云服务器（CVM）。
- 腾讯云云数据库MySQL：提供高性能、可扩展的关系型数据库服务，支持自动备份、容灾和监控等功能。了解更多信息，请访问腾讯云云数据库MySQL。
以上是关于使用jQuery将焦点设置在同一页面中的多个表单的首次输入上的完善且全面的答案。
相关·内容
我遇到了一个问题，我正在把一个带有表单的页面加载到div中，它有日期。我想使用datepicker，但是当页面使用ajax加载时，jquery看不到我的输入。我尝试了这样的东西：
$('#birthdate').live('click', function() {
$(this).datepicker({showOn:'focus'}).focus();
});
好吧，它工作了，但是整个datepicker在闪烁，有时不显示等等。有没有可能我自己的onlcik函数显示datepicker？类似于：
function choosedate(
浏览 0提问于2009-08-16得票数 3
回答已采纳
如果一个输入是焦点或者有一个值，我想把一个类添加到所有输入的父.field目录中。例如，在产品页面审阅表单或结帐页面发货表单上。如果输入是焦点，我会添加一个“活动”类，如果输入有值，我会添加类“hasavalue”。 当我尝试使用jquery时，产品页面审查表单输入或结帐页面输入没有任何反应。 下面是我使用的jquery： requirejs(['jquery'],function($){
$(document).ready(function(){
$('.field input').focus(function () {
浏览 15提问于2019-09-10得票数 0
回答已采纳
在我之前，开发人员创建了下一个代码块，用于标记表单字段的焦点：
function focusIt(elem) {
var label = document.querySelector('label[for="' + elem.getAttribute('id') + '"]')
if (label !== null) {
label.classList.remove('unfocus-label')
if ((jQuery(elem).hasClass('w
浏览 6提问于2022-08-18得票数 0
2回答
我有一个ASP.Net应用程序，它使用jQuery的AJAX方法更新DOM。
用户输入日期
用户单击链接按钮
对数据库的JQuery ajax post调用用请求的数据加载一个div。
所有操作都很好，除非用户手动刷新IE中的页面。
如果他们进行了更改，然后按下浏览器刷新按钮，然后再次执行这三个步骤，即使数据库已经正确更新，它也不会显示他们刚刚输入的更新数据。
它显示了原始数据。
他们必须完全关闭浏览器，然后重新打开浏览器才能看到更改。
这种情况只发生在IE中。
FF和Chrome显示更新后的变化。
我在这里错过了什么？
浏览 1提问于2012-08-14得票数 1
回答已采纳
在学习了一段时间之后，我提出了我的第一个jQuery脚本。这是一个简单的表单焦点脚本。只是想确保我做得对。
我在jQuery中找不到任何关于“条件语句”的内容，所以我假设您只使用标准的JavaScript if / else if状态。
为了测试#id是否存在，jQuery文档解释说我应该使用.length。
$(document).ready( function() {
if ($('#one').length) {
$('#one').focus();
}
else if ($('#two').leng
浏览 0提问于2009-11-17得票数 1
回答已采纳
我希望将焦点设置为第一个空输入或textarea元素，即表单。
我知道以下jQuery代码将焦点设置为页面上的第一个输入或文本区域，但是如何将其限制在特定的表单上呢？
$("textarea:empty,input:text[value='']").first().focus();
浏览 1提问于2022-09-08得票数 0
回答已采纳
3回答
我的页面里有这段代码
$("#ddlBirthdayDay,#ddlBirthdayMonth,#ddlBirthdayYear").change(function () {
$("form").validate().element("#ddlBirthdayYear");
});
我需要将其更改为:在三个输入$("#ddlBirthdayDay,#ddlBirthdayMonth,#ddlBirthdayYear")中没有焦点，而是验证表单中的元素。
我如何在jquery中做到这一点？
浏览 2提问于2013-10-08得票数 0
回答已采纳
1回答
想知道是否可以删除嵌入在页面内的iframe焦点上的虚线边框？iframe包含一个表单，该表单在包含它的页面上的一些输入框中使用to键。焦点边框看起来很难看，想要去掉它。我已经尝试在iframe中将frameborder设置为0，添加hidefocus属性，并通过CSS将边框和轮廓设置为0，但都没有效果。任何帮助都将不胜感激！
浏览 3提问于2012-08-07得票数 2
使用jQuery或类似的东西，是否有可能检测到用户从iOS中的表单字段中单击并有效地移除了焦点？我有一个传统的形式，它有名字，姓氏，地址行1，地址行2等。
在iPad上，当您选择一个表单域时，离开该表单域的唯一方法是通过单击该表单域或单击键盘窗格中的Previous或Next按钮来选择该表单域。
在显示键盘窗格时，对页面上其他非输入元素的单击将被忽略，因此焦点仍保留在表单域上。
如果我通过单击非输入表单元素来远离表单字段，jQuery/JavaScript (或其他任何东西)是否可以强制焦点离开表单字段？
这里有一个例子说明了我的意思。在下面的屏幕中，当焦点放在Line 1元素上时，我不能通过
浏览 2提问于2012-09-26得票数 3
回答已采纳
这里的想法是，函数只需要运行任何输入/textarea/select的下一个焦点，但是一次函数可以重置为再次运行。
一个简单的例子是选中一个复选框，然后在任何其他字段上的下一个焦点事件上运行一次检查，以查看该字段是否具有特定的属性值(多个可能的字段为true)。这应该允许用户取消选中复选框，然后再次选中复选框以再次触发相同的事件。
值得注意的是，测试是否选中复选框不是一个选项，因为附加的焦点事件应该能够为任何类型的字段设置模糊、单击或任何其他jQuery事件。
我目前的想法是设置一个全局JavaScript变量，对每个焦点事件进行检查：
var checkFocus = false;
然后，为
浏览 3提问于2014-07-15得票数 0
回答已采纳
嘿，你能跟我一起更新面板两次调用我的jquery的最糟糕的行为吗:我有一个主页，在那里我调用了一些jquery的插件，它们是datepicker，uniform和some。当页面加载时，它工作正常，并且当调用更新面板时，我的函数不运行，我尝试了
ScriptManager.RegisterClientScriptBlock(Page, Page.GetType(), Guid.NewGuid().ToString(), javaScriptFunction, true);
这对datepicker很有效，但我的表单又是基本的。所以我加了一个
这在更新面板中工作得很好，但是更新面板外部的元素被调
浏览 1提问于2012-01-28得票数 0
我有一个使用jQuery Colorbox打开灯箱的页面。灯箱打开一个iFrame。iFrame中的页面是一个表单，它将焦点设置到表单中的第一个文本框。在这种情况下，如果我按ESC键关闭灯箱，它不工作。如果将页面设置为不将焦点设置为文本框，则ESC可以工作，但如果我单击文本框，ESC将不再工作。有没有办法让ESC始终关闭lightbox，即使iFrame页面中的其他输入字段或元素具有焦点？
浏览 1提问于2014-09-27得票数 0
在我的web应用程序中，我需要跟踪表单字段的更改，比如输入、文本区域等等。基本上，我正在寻找一个“是脏的”插件，更好地为jQuery。其中有很多，但它们似乎都依赖于具有Form元素的html。我的应用程序不使用表单元素，保存数据是通过Ajax完成的，所以我甚至没有提交按钮。
如果在用户输入数据时设置脏标志，而不是在控件失去焦点时设置脏标志，也会更好。
您是否知道插件可以检测更改，只提供回调，在任何更改时触发，但不需要表单元素？
浏览 1提问于2014-01-17得票数 0
2回答
我有一个页面，基本上是一个巨大的全屏幕谷歌地图。我不能让任何类型的聚焦功能发挥作用。知道为什么吗？代码相当长，下面是URL，然后是一些摘录：
我们正在处理的页面，其中我们希望位置搜索输入框在页面加载后集中注意力：。
表单字段(注意，我还尝试了html5 focus属性，它什么也不做：
<input type="text" name="location" id="location" value="" TABINDEX=1 autofocus />
如google地图文档中所建议的，“将表单移动到地图中”的javascri
浏览 2提问于2013-08-02得票数 1
回答已采纳
我在dojo对话框中使用jQuery多选过滤器小部件()。我看到了与焦点相关的筛选器输入字段的奇怪行为。我无法单击filter input字段，当我单击filter输入过滤器文本时，焦点移到表单上的第一个元素(dojo对话框中有几个表单元素)。当在一个普通的html页面中独立使用时，它可以很好地工作。
浏览 2提问于2013-06-06得票数 0
我有一个包含多个表单输入的AngularJS页面。
当一些输入具有焦点时，我想要更改页面的其他任意方面。
例如，当用户在“股票代码”输入时，我想要显示流行股票代码的列表。当它们在‘数量’字段中时，我想要显示库存数量和交货期。
有没有一个变量包含‘当前’输入(有焦点的那个)，或者我需要恢复到jQuery的onFocus。(现在看起来有点原始。)
浏览 1提问于2012-06-22得票数 9
回答已采纳
我有一个包含多个表单的页面。一个表单(参见下面的示例)有一个输入，用于向页面上的表中添加行。表格中的每一行都可以选中(复选框)开/关。另一个表单提交页面，将“在”的行发送到下一页。
所以，最初的问题是，人们输入了一个url，然后点击return将其添加到表格中，而不是添加它，而是提交‘其他’表单(mainForm)。
所以，我在下面添加了jQuery。这解决了这个问题--现在，当url字段处于焦点时，您单击return，它会将一个url添加到列表中，而不会提交mainForm。
然而，当该字段不在焦点中时，按return什么也不做--当我期望它提交表单时(默认行为)……因为事件仅附加到该一个输
浏览 1提问于2012-01-05得票数 1
回答已采纳
2回答
我的应用程序中有一个很长的垂直数据输入表单。当您使用tab键浏览表单并到达页面可见部分的底部时，页面只会将当前聚焦的字段滚动到视图中(焦点始终保持在屏幕的底部)。这很烦人，因为你永远看不到你要关注的下一个领域。我喜欢使用jQuery在获得焦点时自动将聚焦字段滚动到窗口顶部(但仅当它在获得焦点之前不在可见区域中时)。有没有人看到过插件或者知道怎么上手？
浏览 0提问于2011-01-12得票数 0
我们使用手持扫描仪将物品移入和移出库存。扫描程序运行一个ASP页，该页提交表单以移动项目。我们最近购买了一个运行Windows Mobile6.1的新扫描仪，很快就意识到Mobile IE完全没用。它不能正确地呈现表格，更糟糕的是，它不能识别onblur，onkeypress和许多其他常见的javascript函数。
我们测试了许多移动浏览器，发现Opera Mobile9.7工作得很好，除了在页面加载时将焦点设置在输入文本字段上。该页面有许多文本字段，并将表单提交回自身进行处理。一旦扫描了一个字段(或在键盘上输入)，表单就会提交自己，处理输入并启用表单上的下一个字段。在标记的末尾，调用sel
浏览 4提问于2009-09-28得票数 2
2回答
假设我的页面有多个表单，所有表单都有唯一的ID。但是每个输入和它们的ID在整个表单中是相同的。如果提交了#form02，如何使用jQuery获取表单的#emailaddress？
我知道如何抓取$("#emailaddress").val();，但这似乎只代表一个输入，而我不是来自我提交的表单。或者唯一的方法是给每个输入一个唯一的ID？
浏览 3提问于2013-11-04得票数 1
回答已采纳
如何使用JavaScript或jQuery检测哪个表单输入具有焦点？
在函数中，我希望能够确定哪个表单输入具有焦点。我希望能够在直接的JavaScript和/或jQuery中做到这一点。
浏览 1提问于2008-12-10得票数 31
回答已采纳
2回答
是否有可能在刷新后重新调整输入字段的焦点，这是在请求页面之前最后一次聚焦的？
我在我的WebPage中有一个Wicket表单，在这个表单中有相当多的输入字段(比如文本字段)，用户可以用来过滤我的数据视图。但是，例如，当用户将焦点放在第二个输入字段上，然后单击数据视图中的“转到下一页”时，就会失去焦点，但是由于可访问性，有必要重新调整第二个输入字段的焦点。
我的想法是首先用jQuery标记输入字段，当焦点集中时，使用“重新聚焦”：
$("input").focus(function() {
$("input").removeAttr("regain-
浏览 3提问于2016-03-15得票数 1
回答已采纳
12回答
我有一个网络应用。我正在尝试禁用/阻止当您关注不同的表单输入时发生的滚动(即，当您在表单中的输入元素中前进时发生的滚动)。
我已经禁用了滚动，如下所示：
<script type="text/javascript">
$(document).ready(function() {
document.ontouchmove = function(e){
e.preventDefault();
}
});
</script>
为了添加更多的信息-我有一些“幻灯片”
浏览 1提问于2011-07-19得票数 30
回答已采纳
在CRM Dynamics 2013中，我有一个场景，用户在字段中输入数据，然后单击功能区按钮，然后功能区按钮读取这些输入的值。
我的问题是，在输入最后一个字段时，CRM表单域不会松散地关注该字段，因此值不会被注入，从而使其为空。
这是因为焦点仍然在字段上，用户必须在字段之外单击才能工作。如何将焦点放在最后输入的字段上？
我尝试将焦点设置在不同的字段上，但没有成功-是否可以在CRM JS中使用Jquery模糊函数？
下面是我尝试过的JS代码
Xrm.Page.getControl("new_filename").setFocus();
浏览 0提问于2016-03-01得票数 2
我有一个form元素和span元素，如下所示： //I have used following jQuery function to replace text in span:
$(document).ready(function () {
$("#btn").click(function () {
var new_text = "Sorry, username '" + $("#username").val() + "' is taken already. Try another one. "
浏览 26提问于2021-07-28得票数 0
互联网蛋糕给任何人谁可以帮助我这一点。
我有一个很长(大约3个屏幕长)的html表单，它需要留在一个页面上，因为它是用于数据输入，通过多个页面会减慢事情。
数据输入是在Firefox上完成的，我希望每次用户光标移入/移出位于可见屏幕底部或接近底部的字段时，都会向上滚动表单，而不仅仅是单个字段。我的每个字段都在新的一行上，Firefox中长表单的默认行为是，一旦你点击屏幕底部，当你用Tab键进入下一个字段时，它会滚动到最低限度才能看到那个字段；这对于数据输入来说是令人沮丧的，因为总是能够提前看到你正在做的事情是有帮助的。
我不介意使用任何第三方的js工具( jquery /mootools等)，
浏览 0提问于2011-12-05得票数 0
回答已采纳
4回答
我在我的AngularJS应用程序中遇到了这个问题。
当用户输入要填充表单的页面并开始键入时，如果他按下了backspace键，焦点不在输入文本上，则该页面将进入前一状态。
我使用查找了jQuery，但这似乎并不是在AngularJS中实现这一目标的最佳途径。
浏览 12提问于2015-03-12得票数 7
回答已采纳
您好，我有以下JQuery代码，用于将焦点设置在表单中唯一的文本输入上
$("#search-field").focus();
它在Chrome和Firefox中运行良好，但在IE9中，页面加载，光标在输入框中闪烁一次，然后停止并失去焦点，表单中的元素如下所示。
<input autofocus type="text" id="search-field" name="search-field" class="searchInput" />
浏览 2提问于2013-10-31得票数 1
我有一个有一个大表单的页面，我试图在页面加载时分配具有焦点的表单元素。它似乎正在工作，因为游标位于选定的表单元素中，但是焦点事件不会被触发。如果我最小化浏览器，然后再最大化它，焦点事件就会触发，但不会在jQuery(document).ready()上触发。任何建议都很感激..。
jQuery(document).ready(function()
{
console.log("call focus");
jQuery("#tbl_Employees").find(".employeeinfo:eq(" + IndexEmp + &
浏览 0提问于2013-09-19得票数 0
回答已采纳
在我的页面中，我使用Javascript显示了一个警告，但是我面临一个焦点问题，焦点总是在主表单上，所以视力受损的用户不能使用辅助工具来读取错误信息，因为它正在读取主表单，而不是js警报中的错误消息。因此，我要做的是将注意力集中在警报上，以便辅助工具能够为用户读取错误消息。
我的代码：
alert('Errors\n' + msg + '\n\n' + msg)
我试着集中注意力，然后向下滑动，结果不起作用。
$("#jquery_validate_error_focus").focus();
$("#jquery_validate_er
浏览 1提问于2018-12-04得票数 0
回答已采纳
这快把我逼疯了，我到处都找不到答案。
我的phonegap应用程序中有表单。如果输入type=为“text”，则弹出文本键盘，并在角落中显示"go“。当您单击go时，它会提交表单。这一切都和我所期望的一样。但如果我使用输入type=" number "，数字键盘会弹出，"next“显示在角落中。单击“下一步”时，如果按钮标记前有另一个输入框，则转到该输入。那好吧。。。不是很理想，但很有道理。但如果它是页面上的最后一个输入字段，则单击“下一步”不执行任何操作。它不会将焦点放在按钮上(即使使用tabindex)，也不会提交表单(理想情况下)。
我使用的是phoneg
浏览 1提问于2012-02-11得票数 12
回答已采纳
ASP.NET MVC3 / jQuery 1.9.1 / jQuery UI 1.10.2
我有一个页面，在此页面上，单击Ajax.ActionLink后打开一个模态对话框。在这个对话框中，我有一个输入字段和一个与它相关的datepicker。当我第一次打开对话框时，我可以单击datepicker按钮(或者在关联的输入字段中，这样它就可以接收焦点，showOn设置为both)，并且数据报警器会按预期显示。我可以，当模态对话框打开时，尽可能频繁地做，数据报警器每次都会显示出来。当我关闭模态对话框(通过附加的$("ui-widget-overlay").click(functio
浏览 6提问于2013-04-18得票数 10
回答已采纳
1回答
我有一个带有输入字段的表单，输入字段附加了一个焦点输出事件处理程序--我还有一个表单提交处理程序与表单连接在一起，所以当用户焦点从输入框中移出时，它的焦点输出处理程序执行的很好，但是当表单提交时，也会在输入框中触发焦点事件。那我怎么才能阻止这一切呢？
(非常感谢:)
Demo code
<form>
<input type='text' name='test'/>
</form>
$('input').focusout(function(){
alert('focus out');
浏览 4提问于2014-12-27得票数 0
2回答
web输入之间的更改焦点
、、、
在JavaScript/jQuery web上下文中，具有：
启用的两个表单文本输入字段A和B
如果输入字段没有焦点，则应禁用输入字段。
例如，通过jQuery的焦点输出函数来检查A和B都失去焦点时是否正常，但是当A将焦点丢失给B(选项卡或通过选择B)时，我还无法检查B是否已获得焦点，因为A的焦点在焦点更改完成之前就已经结束了。
在输入字段之间切换时，如何通过焦点输出或等于A和B都失去了焦点来检查？
示例：
当两者都失去焦点时，输入字段也会禁用，但在它们之间切换时，也会不设防地禁用输入字段--这不是目的。
$('input').focusout(function
浏览 4提问于2015-05-28得票数 1
回答已采纳
2回答
是否可以在页面上有一个按钮，例如，名为" next "，单击该按钮将焦点放在表单中的下一个输入字段上。所以，例如，我有；
function runNext() {
document.getElementById("td").focus();
}
当单击next按钮时，将焦点放在表中的第一个td元素上。
我将如何进行更改，以便当再次单击时，它将将焦点更改为下一个td元素？而不是重新聚焦在同一个问题上。
使用香草js而不使用Jquery！
浏览 1提问于2014-10-08得票数 0
回答已采纳
我正在使用jQuery live()函数来更改表单文本输入的边框颜色，以便让用户更好地了解他们当前键入的是什么元素。对于我来说，通过bind()使用live()更加容易，因为在某些情况下，新表单输入会动态地插入到页面中。
通过阅读jQuery ，我了解到每个处理程序必须返回false，以防止其他处理程序执行。不管我是否误解了这实际上意味着什么，下面是我必须从表单输入中添加和删除边框颜色的代码。
$('input.highlight').live({
focus: function() {
$(this).parent('span').ad
浏览 0提问于2010-12-12得票数 1
回答已采纳
我使用的是JQuery 1.4.1。我有动态创建的HTML输入元素。我已经将"focusin“事件赋值给所有输入元素。加载页面时，聚焦每个输入元素时只触发一次。
问题是，当我最小化和最大化页面时，焦点事件被多次激发。最后显示"Stack overflow at line 0“。
$('input').live("focusin",function(objectRef) {
alert("focusin event");
})
导致此问题的原因可能是什么？
浏览 0提问于2010-02-01得票数 6
1回答
我已经使用jQuery做了一个ajax文章，我希望在提交成功之后，表单输入被清除。问题是，Firefox (24.0)在JS清除它们之后会提醒我所需的字段。
这是，这是代码。试着在输入中写些东西，然后提交表单。
HTML：
<form id="form" action="" method="post" accept-charset="utf-8">
<input id="text" type="text" name="text" required />
浏览 0提问于2013-09-26得票数 2
回答已采纳
这个说，自动聚焦元素可能会给有视力的和没有视力的用户带来可用性问题。
我将输入元素呈现为一个模态(即有条件地呈现)，而当模型呈现时，我希望将焦点放在输入元素上。另一种方法是使用useRef钩子进行同样的操作，但在我看来，autoFous支柱和useRef对a11y都有相同的影响(因此我不确定)。
当输入呈现出来时，autoFocus是一种简单的聚焦方式，当显示一个模态时，我觉得这是a11y的最佳方式。当autoFocus在初始页面加载本身中完成时，该错误可能适用。
浏览 5提问于2022-04-12得票数 1
回答已采纳
5回答
我已经设置了一个简单的示例来显示jquery对话框中的表单，并希望在该表单上启用内联客户端验证。
然后我将脚本添加到我的母版页面中。
<script type="text/javascript" src="<%: Url.Content( "~/_assets/js/jquery-1.4.3.min.js" )%>"></script>
<script type="text/javascript" src="<%: Url.Content( "~/_assets/js
浏览 4提问于2010-11-13得票数 3
回答已采纳
我有一个包含4个jQuery选项卡的页面，每个选项卡上包含一个不同的表单。每个表单都应该采用不能超过100的数字。
我编写了这个jQuery代码来验证表单，以确保输入的数字是< 100：
$(document).ready(function(){
var preventSubmit = 0;
$('#targetForm').submit(function(){
$(':input', '#targetForm').each(function(){
if(this.value &g
浏览 2提问于2013-06-22得票数 0
回答已采纳
1回答
我想在表单字段输入文本框旁边显示工具提示，将焦点放在输入文本框元素上。我使用了中的jquery插件。
请提供jquery表单域工具提示的链接。
谢谢
浏览 0提问于2011-05-05得票数 0
我们做的一个jQuery控件出了点问题。假设您有一个下拉列表，允许您输入要查找的项目的ID，当您在文本框中按enter键或失去焦点时，它会通过jQuery验证您输入的ID是否正确，如果不正确，则会显示警告。
问题是，当普通用户在其中输入无效值并因按下submit按钮而失去焦点时，jQuery post将在表单的提交被发送后返回。
有没有什么方法可以让我检查jQuery是否有异步请求处理，这样我就不允许提交表单了？
浏览 7提问于2009-12-01得票数 91
回答已采纳
我有一个asp.net mvc模型，它在邮政编码和电话字段上使用RegularExpressionAttribute，在输入上使用jquery.maskedinput (来自乔希·布什的V1.4.1)。没有必需的属性。
邮政编码regex：^\d{5}(-\d{4})
邮政编码掩码: 99999?-9999
电话regex：^(？(d{3}))？s-？d{3}s-？d{4}$
电话口罩：(999) 999-9999
我正在为输入应用掩码，调用如下所示：
$form.find('.zip-mask').mask('99999?-9999')
浏览 0提问于2018-03-02得票数 0
回答已采纳
如何通过jQuery实现这一点？
当用户单击表单中的任何输入时，它都会被聚焦。当用户从任何输入中单击表单时，它是模糊的，但是，在表单本身的输入之间切换之间不会触发模糊。
对于这样的东西，我们看一下这个基本结构：
<form>
<input ... />
<input ... />
<input ... />
</form>
再说一次，假设我点击表单中的任何输入，我们就知道表单是有焦点的。接下来，当用户单击任何输入时，只有当我们在表单外部单击时才会触发模糊。
我以前已经问过这个问题，并且很高兴地收到了关于当表单中的最后一个输入字段模糊时
浏览 2提问于2011-02-19得票数 5
回答已采纳
如何使用jquery获取html的输入标签是否有焦点
如果输入、图像等标签有焦点，keydown事件将适用于表单。但是它不会工作，它的焦点是在表单上，而不是在任何标签上，如输入，图像等。我如何解决这个问题。请提前帮个忙谢谢
$('#title').focusout(function() { if($(document.activeElement).is(":focus")) { alert('focus'); } else { alert('not focus'); <代码>D9</代码><代码>
浏览 1提问于2011-07-15得票数 3
我有一些代码，它们使用常规的Forms API来组合一个简单的表单。我正在使用jQuery工具包生成此表单并将其插入到覆盖中。这可以很好地工作，但我希望在表单中的文本字段公开后将输入焦点设置为该文本字段。我尝试在表单的主题函数中将一些jQuery代码-- <script type='text/javascript'>$('#textfieldID').focus();</script> --或类似的代码附加到表单的末尾，但它没有加载到页面上。我猜这是因为Drupal的某些部分是“有用的”，并过滤掉了脚本，但我不是很确定。在任何情况下，代码
浏览 3提问于2011-02-26得票数 1
回答已采纳
在这件事上抓我的头。通过jQuery选项卡，我尝试在加载页面之前使用ajaxOptions将数据发布到页面。
因此，在我的选项卡之前，页面上有一个表单，其中包含一些输入字段。也就是说，
<form id="myform" method="post">
<!-- inputs etc -->
</form>
然后是我的标签
<div id="tabs">
<ul>
<li><a href="#tabs-1">Preloaded</a
浏览 1提问于2010-11-24得票数 3
回答已采纳
1回答
我需要聚焦所有表单用户输入的onCreate()，以便向用户表明，如果需要，他可以编辑字段。
我发现的更近的事情是：
<input ref="email" />
const input = this.$refs.email
methods: {
focusInput() {
this.$refs.email.focus();
}
这应该是可行的，但是我正在寻找一种更好的方法来做到这一点，而不是将ref属性应用于每个输入。有办法一次把它们都包起来吗？
我尝试将ref附加到表单<b-form ref="focusInputs">，然后在方
浏览 1提问于2019-09-12得票数 0
我有一个表单，需要插入一个项目，这是表单的html。
<form action="test.php" class="form" method="post">
<?php for($i=0; $i<=500; $i++): ?>
<div class="formRow itemList">
<select class="chzn-select" tabindex="2" name="items[]&
浏览 3提问于2012-05-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
