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帮助。

下面的

是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

啊，首先，在表单操作中添加一个＃，这是form action="#"。＃没有解决它，但我之前遇到IE问题没有表格中的哈希。

另外，尝试在验证下添加一行：

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

Answer 3

首先，正如Seb所说，你需要在你的字段名称周围引用。
其次，据我了解文档中的规则和消息哈希值，您需要通过名称属性引用元素，而不是 id 属性。而不是 "tb_catg": {required: true}我认为您需要"select": {required: true}，因为您的HTML说<select name="select" id="tb_catg">

jquery验证插件在modalbox中不起作用

3 个答案: