如何验证上改变输入字段,并启用提交按钮

问题描述:

我有一些输入字段,我想直接验证为用户键入如何验证上改变输入字段,并启用提交按钮

输入字段绑定到特定的条件虽然。

这里是例子:

<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)用户输入全名(first + lastname)

2)电子邮件实际上是一种电子邮件

3) PHONENUMBER长

8号。我有一个JSFiddle

任何帮助表示赞赏。

+0

您正在寻找'first + lastname'的模式? – Rayon

+0

您的3个问题在*中有大量重复项。 **使用搜索引擎**,不要为无尽的重复这些简单的任务。 –

+0

@RayonDabre模式应该是基本的,比如'我的名字',还有'我的名字'或'我的别名' – Steve

电子邮件验证可以通过这个来完成: Validate email address in JavaScript?

电话号码:

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

JS:

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

这些问题已经回答过了。他们在这里并不难找到。