试图使用jquery创建包含多个错误答案的文本输入
Trying to use jquery to create text input with multiple wrong answers
我正试图为过敏的朋友创建一个页面,用户可以在其中输入食物,并获得关于我的朋友是否对其过敏的响应。我创建了一个包含他所有食物过敏的数组,目的是当用户输入任何给定的食物并点击提交时,页面将发出警报。
我是jquery的新手,已经拼凑了几个相近的例子,但很明显我缺少了一些连接部分。任何帮助都将不胜感激!
工作演示:http://jsfiddle.net/ssprockett/Ct2TU/1/
以下是迄今为止的jquery:
$('.submit').click(function () {
if( $.inArray( $("input:text").val().toUpperCase(), ["cantaloupe", "almonds", "almond flour", "almond flour", "almond milk", "hazel nuts", "hazelnuts", "filberts", "pecans", "peanuts", "english walnuts", "watermelons", "grapefruit", "orange", "garlic", "mustard", "green pepper", "navy bean", "string bean", "cabbage", "carrot", "cauliflower", "lettuce", "bass", "peas", "sweet potatoes", "squash", "clams", "barley", "oat", "soy", "wheat", "rice", "gluten", "sea bass", "mustard seeds", ] ) > -1 ) {
alert("Nope. This will make him sick.");
} else {
alert("Yep. This is fine.");
}
有几个小问题:
- 您没有在jsfiddle中包含jQuery
- 您缺少单击绑定函数的关闭
})
- 应该使用
.toLowerCase
,而不是.toUpperCase
,因为数组的所有值都是小写的
http://jsfiddle.net/Ct2TU/4/
toUpperCase()
使所有这些值都为false。尝试toLowerCase()
这里有一个工作示例:
http://jsfiddle.net/jA7MB/
var allergy = ["cantaloupe", "almonds", "almond flour", "almond flour", "almond milk", "hazel nuts", "hazelnuts", "filberts", "pecans", "peanuts", "english walnuts", "watermelons", "grapefruit", "orange", "garlic", "mustard", "green pepper", "navy bean", "string bean", "cabbage", "carrot", "cauliflower", "lettuce", "bass", "peas", "sweet potatoes", "squash", "clams", "barley", "oat", "soy", "wheat", "rice", "gluten", "sea bass", "mustard seeds"];
$( ".submit" ).click(function() {
if(($.inArray($('#food').val().toLowerCase(), allergy)) != -1){
alert( "allergic!")
} else alert("not allergic!");
});
你可以试试。
相关文章:
- Node.js v6.2.0类扩展不是函数错误
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- java脚本的数学方程显示错误的答案
- 如果语句返回错误答案
- JavaScript递归函数错误答案
- 尽管答案错误,JavaScript表单仍提交
- 更改无效(错误答案)的段落颜色和文本颜色
- Javascript - 包括“*”或“/”的计算给了我一个错误的答案
- 给出错误答案的Java脚本数字相加
- JavaScript添加给出了错误的答案
- JavaScript中途停止执行并评估错误答案?,Console.log是正确的
- FizzBuzz"错误答案风格的代码
- javascript部门给出错误答案
- 使用jquery计算表行会产生错误的答案
- 使用mercede素数生成器得到错误答案
- 在特定条件下增加计数器(例如:仅当用户没有输入错误答案时)
- javascript提示编号,如果答案错误,则继续提示
- 试图使用jquery创建包含多个错误答案的文本输入
- 在测验中选择单选按钮时,突出显示正确和错误的答案
- 文档.getElementById将答案从提示符注入到错误的位置