плагин проверки jquery не работает в modalbox

Question

я пытаюсь проверить поля в modalbox, но ниже не работает мой код проверки

$("#formapplication").validate({
rules: {
        tb_name:{ required: true },
        tb_url: {required: true},
        tb_tag: {required: true},
        tb_desc: {required: true},
        tb_catg: {required: true}
        },
messages:{
        tb_name:{ required: "Please Enter Full name" },
        tb_url: {required: "Please Enter URL"},
        tb_tag: {required: "Please Enter Tag."},
        tb_desc: {required: "Please Enter Description."},
        tb_catg: {required: "Please Select Category."}
        }
    });

Модуль проверки jquery поддерживает modalbox, но его простой HTML я пишу на той же странице, не вызывая с помощью ajax любую идею pelase help.

ниже - xhtml

<div id="submitapplication" style="display:none">
<form action="" id="formapplication" name="formapplication" method="post">
<div class="submitapplicationbox">
<label>Name<input type="text" name="tb_name" id="tb_name" /></label>
<label>Url<input type="text" name="tb_url" id="tb_url" /></label>
<label>Tags<input type="text" name="tb_tag" id="tb_tag" /></label>
<label>Category<select name="select" id="tb_catg">
  <option value=""></option>
  </select></label>
<label>Description
<textarea cols="" rows="" name="tb_desc" id="tb_desc" ></textarea></label>
</div>
<div class="twiteraccountinfobox">
<label>Name<input type="text" name="tb_twaccount" id="tb_twaccount" /></label>
<div style="margin-top:20px;"><input type="button" id="submitapp" value="Submit Application" /></div>
<div id="response" style="display:none;"></div>
</div>    

Answer 1

я пропустил класс, необходимый для всех моих входов, которые я использую для проверки

<input type="text" id="tb_name" class="required" />

Answer 2

1. Во-первых, как сказал Себ, вам нужны кавычки вокруг имен ваших полей.
2. Во-вторых, насколько я понимаю, хэши правил и сообщений из документации, вы должны ссылаться на элементы по атрибуту name , а не по атрибуту id . Так что вместо "tb_catg": {required: true} Я думаю, что вы хотите "select": {required: true}, так как ваш HTML говорит <select name="select" id="tb_catg">

Answer 3

А, во-первых, добавьте # к вашему действию формы, чтобы оно было form action="#". # Не исправляет это, но я уже сталкивался с проблемами IE без хэша в формах.

Кроме того, попробуйте добавить строку под вашей проверкой:

$("#formapplication").valid();