gpt4 book ai didi

javascript - 使用 JavaScript 显示错误

转载 作者:行者123 更新时间:2023-12-03 05:16:34 28 4
gpt4 key购买 nike

我想突出显示数组中收到的输入列表,并将焦点放在第一个输入上。

<head>
<script type='text/javascript' src='app.js'></script>
</head>
<body>
...
<script>showErrors(['firstName', 'lastName'])</script>
</body>

在app.js中,我放置了以下javascript代码:

function showErrors($fields)
{
$fields.forEach(function($field){
console.log($field);
$('#'+$field).addClass('error-custom');
$('#'+$field).css('border', 'red solid 2px');
});

//set focus to first field
if($fields.length > 0)
{
$('#'+$fields[0]).focus();
}
}

JS 代码在页面渲染之前执行。我尝试将函数 showErrors 放入 $(document).ready(function(){...} 但仍然没有效果。

我应该将代码放在哪里,以便在页面渲染后可以应用?

最佳答案

看起来它可以与 $(document).ready(function(){ } 一起使用...不知道为什么你要在 fields 变量中添加 $ ,尽管它什么也没做,这不是 php ;)

function showErrors($fields)
{
$fields.forEach(function($field){
console.log($field);
$('#'+$field).addClass('error-custom');
$('#'+$field).css('border', 'red solid 2px');
});

//set focus to first field
if($fields.length > 0)
{
$('#'+$fields[0]).focus();
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<head>
<script type='text/javascript' src='app.js'></script>
</head>
<body>
<input type="text" id="firstName"/>
<input type="text" id="lastName" />
<script>$(document).ready(function(){showErrors(['firstName', 'lastName']);});</script>
</body>

关于javascript - 使用 JavaScript 显示错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41580008/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com