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） phonenumber长8个数字

我做了JSFiddle

感谢任何帮助。

Answer 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;

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

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

1 个答案: