我正在使用验证引擎进行表单验证。当我完全加载它的工作正常。
现在我将在现有页面中添加一些ajax功能。我添加了一个类别下拉列表,其中一些类别有子类别,所以当用户从下拉列表中选择类别时,如果类别有子猫,则调用ajax函数,我在表单中获得新的下拉列表,但是当我提交我的表单,验证引擎不验证子类别下拉菜单。
我的代码如下: -
<div class="par control-group" >
<label for="main_category" class="control-label">Category</label>
<div class="controls">
<select data-placeholder="Choose a Main-Category" id="main_category" name="main_category" style="width:350px" class="chzn-select" tabindex="2">
<option value=""></option>
<option value="1">Cat-1</option>
<option value="2">Cat-2</option>
</select>
</div>
</div>
这是Jquery代码: -
$("#main_category").change(function(){
var cat_id = $(this).val();
$.ajax({
url: 'subcategory.php', //server script to process data
type: 'POST',
data:{'cat_id':cat_id},
beforeSend:function(){$('#loader_sub').show();},
success: function(response){
$('#subcategory_div').html(response);
// i try for re-declare validation engine
// $('form').validationEngine();
$("#sub_category").chosen();
$('#loader_sub').hide();
}
});
});
我在服务器端有一些代码可以在主类别ID的基础上下拉。
所以我尝试重新声明验证引擎功能,但是ajax表单提交存在问题。表格在ajax中提交两次。
请帮我解决这个问题。