如何验证上改变输入字段,并启用提交按钮
问题描述:
我有一些输入字段,我想直接验证为用户键入如何验证上改变输入字段,并启用提交按钮
输入字段绑定到特定的条件虽然。
这里是例子:
<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
任何帮助表示赞赏。
答
电子邮件验证可以通过这个来完成: 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;
这些问题已经回答过了。他们在这里并不难找到。
您正在寻找'first + lastname'的模式? – Rayon
您的3个问题在stackoverflow中有大量重复项。 **使用搜索引擎**,不要为无尽的重复这些简单的任务。 –
@RayonDabre模式应该是基本的,比如'我的名字',还有'我的名字'或'我的别名' – Steve