2014-07-20 90 views
0

我有一个学校作业,我正在设计一个网页以包含表单输入。分配的参数之一是验证用户输入姓名的字段(必须非空,必须以大写字母开头,并且必须至少包含一个元音和一个辅音)。由于我学习的是HTML部分而不是JavaScript部分,因此只要引用源代码,就可以使用我为JavaScript找到的任何内容。有人能帮忙吗?我隐约熟悉它,但还远远不够“独立”。为了清楚起见,我不寻求html帮助,只有符合name参数的JavaScript函数:Javascript验证功能

(必须是非空白的,必须以大写字母开头,并且必须至少包含一个元音和一个辅音)

谢谢你的帮助!

+0

SO并不意味着让你的家庭作业由别人来完成。发布您已经尝试使用的代码并询问有关您的问题的具体问题。 –

+0

[w3schools.com](http://www.w3schools.com/js/js_string_methods.asp)。这应该让你开始。 – Jonathan

+0

我的观点是,JavaScript不是我的家庭作业,只有我被告知我可以在网上访问,但似乎无法找到。我的作业正在执行到我的HTML页面,并使其工作。只要我引用源代码,我被允许复制/粘贴任何我发现可以实现此功能的JavaScript。 – user3533863

回答

0

试试这个,将返回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; 
    } 
} 
+0

非常感谢,这就是我一直在寻找的东西。我衷心感谢! – user3533863

2

在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

+0

是的,它也不是向后兼容的。 – PHPglue

+0

@PHPglue - 标记为HTML5的问题,假设OP不需要向后兼容性是可以的。 –