您好，我正在尝试使用 javascript 计算 HTML 中表单输入的元音，但目前没有成功。
这是我的 HTML
<!doctype html>
<html>
<head>
<script src='p3-vowels.js'></script>
</head>
<body>
<form action="demo_form.asp">
Phrase: <input type="text" id = "input1" name="CountVowels" value="Put Phrase Here"><br>
<input type="button" id = "btn1" value="Check for Vowels">
</form>
</body>
</html>
这是我的 JavaScript
function vow(form){
var a = form.CountVowels.value;
flag = 0;
for (var i = 0; i < a.length; i++){
switch (a[i]){
case 'a'
case 'e'
case 'i'
case 'o'
case 'u'
flag++;
break;
}
}
alert(flag);
}
function init(){
var button1 = document.getElementById("btn1")
button1.onclick = vow;
}
window.onload = init;
最佳答案
其他答案的另一个选择是使用正则表达式。这不一定更容易理解，也不一定特别有效，但我将其作为替代方案。 (这也继续证明了一句谚语:给100个程序员一个需要解决的问题，你会得到100个解决方案)
以下 JavaScript 中使用的表达式将匹配所有元音，您可以使用返回的数组来查看有多少个......
/[aeiou]/ig
i 使其不区分大小写，g 表示全局，因此它将多次选取。
这是实际操作...
function vow(form){
var a = form.CountVowels.value;
var matches = a.match(/[aeiou]/ig);
var flag = 0;
if (matches != null)
flag = matches.length;
alert(flag);
}
function init(){
var button1 = document.getElementById("btn1")
button1.onclick = function() { vow(document.getElementById("myform")); }
}
window.onload = init; <form id="myform" action="demo_form.asp">
Phrase: <input type="text" id = "input1" name="CountVowels" value="Put Phrase Here"><br>
<input type="button" id = "btn1" value="Check for Vowels">
</form>关于javascript - 计算输入的元音？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30242377/