Проверка и изменение цвета текста

Question

Я новичок в java-script.

Я разработал систему, использующую VS ASP.Net 4.0 с использованием C#, у меня есть более 45 веб-форм, которые я хочу добавить валидации с использованием Java-скрипта. У меня есть следующий код для проверки букв и чисел. см. код ниже. но этот код не работает так, как я хочу, потому что он может проверяться при нажатии пробела.

function numeralsOnly(evt) { 
    evt = (evt) ? evt : event; 
    var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode : ((evt.which) ? evt.which : 0)); 
    if (charCode > 31 && (charCode < 48 || charCode > 57)) { 
     alert("Enter numbers only in this field."); 
     return false; 
    } 
    return true; 
} 

function lettersOnly(evt) { 
    evt = (evt) ? evt : event; 
    var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode : ((evt.which) ? evt.which : 0)); 
    if (charCode > 31 && (charCode < 65 || charCode > 90) && (charCode < 97 || charCode > 122)) { 
     alert("Enter letters only."); 
     return false; 
    } 
    return true; 
} 

Не могли бы вы помочь мне в следующем:

1.Введите только цифры и измените цвет текстового поля на красный.

2.Введите только буквы и измените цвет текстового поля на красный.

1. Подтвердить недействительный адрес электронной почты и изменить цвет текстового поля на красный.

4.Выберите диапазон дат. например, если он/она вводит недействительную дату, например 05/05/2001, мне нужна текущая дата.

5. Выделите текстовое поле красным цветом для требуемого текстового поля.

Answer 1

Для вопроса 5: вызов метода в onchange или onblur method.it будет проверять, когда вы покинули поле. Если вы хотите, чтобы проверка была нажата на любой из ключей, тогда вызовите onkeyup, onkeydown.

function Validations() { 
    var textbox = document.getElementById("TextBox1"); 
    if (textbox.value == "") { 
    textbox.style.borderColor = "Red"; 
    } 
} 

На вопрос 1:

function namevalidation(){ 
var nametb = document.getElementsByName("TB1"); 
var NameRegEx = new RegExp("^[a-zA-Z]+$"); 

var NameValue = nametb.value.trim(); 

if ((!NameRegEx.test(NameValue))) { 
    nametb.style.border = '1px solid red'; 
} 
else { 
    nametb.style.border = "none"; 
} 

}