Question

我有一个学校作业，我在设计一个网页以包含表单输入。赋值的一个参数是验证用户输入名称的字段。（必须是非空白的，必须以大写字母开头，并且必须至少包含一个元音和一个辅音）。当我学习HTML部分而不是JavaScript部分时，只要我引用源代码，我就可以使用我为JavaScript找到的任何东西。有人能帮忙吗？我模糊地熟悉它，但还不足以让它得到它＃34;靠我自己为了清楚起见，我不是在寻求html的帮助，只是寻求符合name参数的JavaScript函数：

（必须是非空格，必须以大写字母开头，且必须至少包含一个元音和一个辅音）

感谢您的帮助！

Answer 1

在HTML5中，不需要JavaScript：

<input required pattern="[A-Z](.*[aeiou].*[^aeiou].*|.*[^aeiou].*[aeiou].*)">

http://jsfiddle.net/sfjT9/

如果您需要在JavaScript中检查有效性，请使用：

yourInput.checkValidity();

W3C规范：http://www.w3.org/TR/html5/forms.html#dom-cva-checkvalidity
WHATWG规范：http://www.whatwg.org/specs/web-apps/current-work/#the-constraint-validation-api:dom-cva-checkvalidity

Answer 2

试试这个，如果验证成功，将返回true：

function validateName(name) { 
    var cap = /^[A-Z]{1}.+$/;
    var con = /[bcdfghjklmnpqrstvwxyz]/i;
    var vow = /[aeiou]/i;
    if(cap.test(name) && con.test(name) && vow.test(name)) {
        return true;
    } else {
        return false;
    }
}

Javascript验证功能

2 个答案: