Как дать окно предупреждения или сосредоточиться на ошибки происходят через ненавязчивым Validation JS

Question

Я использую Unobtrusive Jquery для ClientSideValidation, который работает правильно,

Я хочу сделать некоторое увеличение если это возможно .... !!

1. Как я мог бы показать оповещения Box, что «что-то не хватает» в странице?

2. Как я могу фокус об ошибке TextBox, флажок или любой Другое управление?

Любое предложение было бы полезным ... !!

Answer 1

Для 2), вы можете использовать пользовательские JavaScript код, подобный этому:

$("selector for error messages, e.g. class name")[0].scrollIntoView().focus(); 
OR 
document.querySelector("same selector").scrollIntoView().focus(); 

Первые свитки метод страницы для вашего элемента с ошибкой, второй фокусируется на этом элементе.

Answer 2

$("input[type='submit']").click(
function(event) { 
    event.preventDefault(); // Do not actually submit 
    alert("You entered " + $("#your-name-id").val() + ", age " + $("#your-age-id").val()); 
}); 

Answer 3

Предположим, у вас есть один входной ящик для электронной почты

<input type="text" name="" class="" id='emailId' placeholder="" /> 

document.getElementById("emailId").focus(); 

если у вас есть более чем один входной ящик, вы можете попробовать, как этот

var myIds = ['id1', 'id1', 'id1', 'id1', 'id1'] 
for (var i in myIds) { fuction doValidation(myIds[i]) {} } 

function getId(id) { 
    return document.getElementById(id); 
} 
fuction doValidation(myIds[i]) { 
    if (getId(myIds[i]).value == 'your error check') { 
     getId(myIds[i].focus(); 
      return false 
     } 
    } 
}