Я хочу выделить список входных данных, полученных в массиве, и дать фокус первому из них.показать ошибки с помощью JavaScript
<head>
<script type='text/javascript' src='app.js'></script>
</head>
<body>
...
<script>showErrors(['firstName', 'lastName'])</script>
</body>
в app.js, я поставил следующий код: яваскрипта
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() {... ваш код здесь ...}) 'должно быть правильным местом для этого –
, и вам следует рассмотреть возможность добавления границы в css, если эта граница должна быть только видна, когда элемент имеет класс' error-custom'. –
Вы упоминаете «app.js» ... Используете ли вы какие-либо рамки помимо jQuery? Я также не вижу jQuery, на который ссылается ваш HTML; многие люди забывают этот шаг. –