jQuery表单检查 - 根据Select菜单值添加新关键字

时间:2013-09-21 16:34:56

标签: javascript jquery forms

我有一个简单的表单,只有很少的选择和很少的输入字段。我想对表单中的这三个字段执行jQuery检查:

<form action="action/buy.php" method="post" class="form-horizontal" id="boosterForm">
<select name="Quantity" id="selectQuantity" tabindex="1" class="span2">
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        ..................
        <option value="99">99</option>
</select>

<input class="span11" id="wizard_url" type="text" name="Website" placeholder="http://www.example.com">

<input class="span11" type="text" name="Keywords">

<button class="btn btn-large btn-warning" type="submit" name="campaignSubmit" value="Buy Now" >Buy Now</button>

</form>

我想要做的是当他从选择菜单“数量”中选择以下值3,6,9,12,15,18,21,24,27,30,33,36,39时允许/阻止用户, 42,45 .... 99输入1个新关键字,每三个数量由昏迷分隔。

例如,如果他从“数量”下拉菜单中选择#3,则不允许在“关键字”字段中添加任何逗号(,),如果他在#4-#6之间选择,则只允许输入一个逗号,如果他选择#7-#9他只允许输入两个逗号,并且当他被允许输入32个逗号时一直到#99。

如果他们输入更多逗号,则允许我想在字段下方显示简单警告,告知他们无法添加更多关键字,例如“添加的最大关键字数”。此外,我不想让他们提交表格,直到他们满足这一要求。

最后,如果字段“网站”为空,他们也无法提交表单。

我正在尝试一些预先制作的jQuery表单检查脚本,但它们都没有提供我上面需要的东西,而且我不是jQuery专家自己制作它。

非常感谢任何帮助。非常感谢。

1 个答案:

答案 0 :(得分:1)

你可以试试这个(它有效4-6 = 1允许使用逗号,允许使用7-9 = 2个逗号,10-12 = {{1允许使用逗号,依此类推,3不能留空)

website

DEMO.