如何在更改时验证输入字段并启用提交按钮答案

【问题标题】：how to validate input fields on change and enable submit button如何在更改时验证输入字段并启用提交按钮
【发布时间】：2016-03-07 12:38:48
【问题描述】：

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

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

示例如下：

<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

感谢任何帮助。

【问题讨论】：

你在寻找什么模式first+lastname？
您的 3 个问题在 stackoverflow 中有大量重复项。 使用搜索引擎，不要重复那些简单的任务。
@RayonDabre 模式应该是基本的，比如My Name，也可以是my name 或my another name
你试过searching吗？
使用另一个字段/文本框作为姓氏并设置为必填项。这对你来说很容易。

标签： javascript jquery

【解决方案1】：

电子邮件验证可以通过以下方式完成： 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;

这些问题之前已经回答过了。而且它们在这里并不难找到。

【讨论】：