如果选择的按钮少于应有的按钮，则显示警报

Question

我有一个按钮网格，让我们说用户打开网格并选择按钮“4”，它会在下面显示按钮“A”到“D”（.answerBtns）。现在，如果用户在“答案数量”文本框（#numberAnswerTxt）中输入数字“3”，那么如果用户尝试选择3个以上的按钮，则会发出警告，表明您不能超出限制，取消选择一个按钮。你可以自己尝试一下。

但我想要做的就是让用户选择较少的按钮，当用户想要选择3个按钮时（用户在“答案数量”文本框中输入数字3），只选择1个按钮，我想要的是，如果用户点击“添加问题”按钮，它应显示一个提示“选择最少的按钮，请选择更多按钮”。警报应出现在“insertQuestion（this.form）”中。

如何做到这一点？

有两个函数可以帮助您，这些是javascript代码中的最后两个函数：

function btnclick(btn)

和

function insertQuestion(form) 

代码在Jsfiddle，点击here

Answer 1

我认为如果你把它放在insertQuestion（表单）上它将解决你的问题

if ($('.answerBtnsOn').length != $('#numberAnswerTxt').val()) {
     alertErrors ="\nplease add more answer";  
}

Answer 2

试试这个：http://jsfiddle.net/thejase/8fXXR/6/

只是一个想法：禁用按钮，直到他们可以使用它。