Показывать предупреждение, если выбрано меньше кнопок, чем должно быть

Question

У меня есть сетка кнопок, допустим, пользователь открывает сетку и выбирает кнопку «4», ниже будут отображаться кнопки с «A» по «D» (.answerBtns). Теперь, если пользователь вводит число «3» в текстовом поле «Количество ответов» (#numberAnswerTxt), то если пользователь пытается выбрать более 3 кнопок, он выдаст предупреждение о том, что вы не можете выйти за пределы Отмените выбор кнопки. Вы можете попробовать это сами.

Но я хочу сказать, что пользователь выбирает меньше кнопок, и, скажем, выбирает только 1 кнопку, когда пользователь должен выбрать 3 кнопки (пользователь набрал цифру 3 в текстовом поле «Количество ответов») я хочу, чтобы, если пользователь нажимал кнопку «Добавить вопрос», на нем отображалось предупреждение: «Наименьшее количество кнопок выбрано, пожалуйста, выберите больше кнопок». Предупреждение должно появиться в «insertQuestion (this.form)».

Как это можно сделать?

Есть две функции, на которые стоит обратить внимание, и это две последние функции в коде javascript:

function btnclick(btn)

и

function insertQuestion(form) 

Код находится в Jsfiddle, нажмите здесь

Answer 1

Я думаю, если вы поместите это в insertQuestion (форму), это решит вашу проблему

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

Answer 2

Попробуйте: http://jsfiddle.net/thejase/8fXXR/6/

Просто мысль: отключите кнопку, пока они не смогут ее использовать.