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

how to validate input fields on change and enable submit button

本文关键字：字段 启用 提交 按钮 输入 验证      更新时间：2023-09-26

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

但是，输入字段与某些条件绑定。

下面是示例：

<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

任何帮助，不胜感激。

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

电话号码：

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

.js：

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

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

相关文章：