2016-03-07 4 views
0

отправить меня есть некоторые поля ввода, которые я хочу, чтобы непосредственно проверить, как пользователь печатаеткак проверить поля ввода на изменения и включить кнопку

Поля ввода связываются с определенными условиями, хотя.

Вот пример:

<input type="text" data-type="inputFullName" /> 
<br /> 
<input type="text" data-type="inputEmail" /> 
<br /> 
<input type="text" data-type="inputPhone" /> 
<br/> 
<input type="checkbox" id="chkbox" /> 
<label>Check here</label> 
<br /> 
<button id="button1" disabled>Click</button> 

И JS:

$('input').on('keyup change', function() { 
    $('#button1').prop('disabled', $('input[data-type="inputFullName"]').val() == '' || $('input[data-type="inputEmail"]').val() == '' || $('input[data-type="inputPhone"]').val() == '' || !$('input[type="checkbox"]').is(':checked')) 
}); 

До сих пор так хорошо, но как я могу проверить:

1) пользователь вошел полное имя (первая + фамилия)

2) электронная почта фактически электронная почта

3) PhoneNumber 8 номеров длинные

Я сделал JSFiddle

Любая помощь приветствуется.

+0

Какой шаблон вы ищете 'first + lastname'? – Rayon

+0

Ваши 3 вопроса имеют тонны дубликатов в stackoverflow. ** Используйте поисковую систему ** и не повторяйте эти простые задачи для zillions. –

+0

@RayonDabre шаблон должен быть базовым, например 'My Name', но также' my name' или 'my another name' – Steve

ответ

0

проверки электронной почты может быть сделано следующим образом: Validate email address in JavaScript?

PHONENUMBER:

<input type="text" id="inputPhonenumber" > 

ЯШ:

var phonenumber = document.getElementById("inputPhonenumber").value; 
if(phonenumber.length == 8) 
    return true; 
else 
    return false; 

Эти вопросы были даны ответы ранее. И их здесь не так сложно найти.

Смежные вопросы