如何验证更改中的输入字段并启用提交按钮

Question

我有一些输入字段，我想在用户输入时直接进行验证

尽管输入字段绑定到某些条件。

这是示例：

<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）电话号码长度为8个数字

我做了一个JSFiddle

任何帮助表示赞赏。

Answer 1

可以通过以下方式完成电子邮件验证： 在JavaScript中验证电子邮件地址？

电话号码：

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

js：

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

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