具有多个值的HTML表单操作

Question

这个问题与previous post有关，但我认为我的问题有点不同。

我正在尝试用图像实现一种垃圾邮件检查。我用了一张卡拉维高尔夫球的照片，问这个牌子是什么。

是否有接受大写和小写答案的方法？我想弄清楚，但我做不到。我想真正的问题是：

你能接受值中的两个答案吗？

简单的解决办法是使用图片或者问一个不涉及大写的问题，但是我真的很想用高尔夫球。

Answer 1

如果我正确理解你的问题，有一个正确的答案，但问题是，客户端可能输入正确的字符串，但使用错误的大小写。如果我理解错了你的问题，就纠正我。

您可以使用javaScript将所有答案转换为小写，然后比较结果。若要将字符串转换为小写，请使用.toLowerCase()。

下面是一个带有表单的工作示例：

<script>
    function checkForm() {
       var elem = document.getElementById('myInput');
       elem.value = elem.value.toLowerCase();
       return elem.value.length > 0;
    }
</script>
<form action="somewhere.php" method="POST" onSubmit="checkForm()">
    <input id="myInput" type="text">
    <button type="submit">Submit</button>
</form>

但是，理想情况下，如果它有一个服务器端组件，您应该在那里进行小写转换。还请注意，不需要jQuery --这只是纯JS :)

Answer 2

只需将值转换为所有小写，您就不必担心大写。

如果使用jQuery：

var captcha = $('#captcha').val().toLowerCase();
if(captcha === 'callaway'){
  alert('We got a hole in one!');
}