gpt4 book ai didi

jquery - 没有表单的下拉列表验证

转载 作者:行者123 更新时间:2023-12-01 08:05:45 25 4
gpt4 key购买 nike

好的,我一直在研究下拉列表表单验证,但找不到任何可以满足我需求的东西。我的下拉列表是列表元素的一部分,而不是表单元素,我的提交按钮是“添加到购物车”href。我正在寻找的是一种在用户未从“选择”组中选择尺寸选项时显示错误消息的方法。我看到的所有其他内容都引用了 jquery 代码中的表单,我是否可以只使用选择器的类而不是 id?仅当用户尝试单击“添加到购物车”时才会触发错误代码吗?注意:我在这家商店中有多种产品,并且为每个产品设置了一个列表元素,并带有自己的“添加到购物车”按钮。看我的html。我没有任何 jquery 代码,因为我不知道该做什么。

<li class="product" name="some dress" price="10" 
name1="some dress Size 6 (Option #1)" price1="10"
name2="some dress Size 8 (Option #2)" price2="10"
name3="some dress Size 10 (Option #3)" price3="10"
name4="some dress Size 16 (Option #4)" price4="10">

<a class="product-image" href="images/catalog/someimage.jpg" rel="prettyPhoto" title="some text about product">

<img src="images/catalog/someimage2.jpg" width="180px" height="150px" alt=""/>
<div class="text-overlay">
<p class="product-heading">some description:</p>
more description about product here
</div>
</a>
<p> <span class="product-heading">Designer:</span>some designer name</p>

<!-- options for buy button -->
<select class="product-options">
<option value="" selected disabled>Select</option>
<option value="1">Size 6</option>
<option value="2">Size 8</option>
<option value="3">Size 10</option>
<option value="4">Size 16</option>
</select>

<a href="#" class="product-buy" option="product-options">Add To Cart</a>
<div class="product-price"><span class="product-currency">$</span>10</div>
</li>

最佳答案

请参阅demo

$(".product-buy").click(function()
{
var sel = $(this).prev().val();
if(sel=="" || sel==undefined)
{
alert("Please select size");
return false;
}
});

希望这有帮助。

关于jquery - 没有表单的下拉列表验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16845604/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com