我正在使用this的jQuery验证 我在引导程序模态上编写表单验证,但是每当我按下“提交”按钮而提交却没有显示表单验证错误时,它就无法正常工作。我的代码如下:
$(document).ready(function () {
$('#add_section_form').validate({
rules: {
section: {
required: true
},category: {
required: true
},capacity: {
required: true
},class_of_section: {
required: true
},teacher_id: {
required: true,}
},messages: {
section: {
required: "The Section field is required"
},category: {
required: "The category field is required"
},capacity: {
required: "The capacity field is required"
},class_of_section: {
required: "The class field is required"
},teacher_id: {
required: "The teacher name field is required"
}
},submitHandler: function (form) { // for demo
// alert('valid form submitted');
// return false;
form.submit();
}
});
});
我的引导程序模式,格式为- add-section-modal.php :
<!-- Modal -->
<div id="addSectionmodal" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×
</button>
<h4 class="modal-title text-center">ADD SECTION</h4>
</div>
<form id="add_section_form" data-parsley-validate class="form-horizontal form-label-left" action="<?php echo base_url();?>sections/save" method="post" enctype="multipart/form-data" >
<div class="modal-body">
<div class="container">
<div class="row">
<div class='col-md-4 col-sm-12 col-xs-12 form-group'>
Section *
<input type="text" id="section" name='section' class="form-control">
</div>
<div class='col-md-4 col-sm-12 col-xs-12 form-group'>
Category *
<input type="text" id="category" name="category" class="form-control">
</div>
<div class='col-md-4 col-sm-12 col-xs-12 form-group'>
Capacity *
<input type="text" id="capacity" name="capacity" class="form-control">
</div>
<div class='col-md-4 col-sm-12 col-xs-12 form-group'>
Class
<select id="class_of_section" class="form-control" name="class_of_section">
<option value="">Choose..</option>
<option value="class1" >Class1</option>
<option value="class2" >Class2</option>
</select>
</div>
<div class='col-md-4 col-sm-12 col-xs-12 form-group'>
Teacher Name
<select id="teacher_id" class="form-control" name="teacher_id">
<option value="">Choose..</option>
<option value="teacher1" >Teacher1</option>
<option value="teacher2" >Teacher2</option>
</select>
</div>
<div class='col-md-4 col-sm-12 col-xs-12 form-group'>
Note
<textarea class="form-control" name="notes"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<input type="submit" class="btn btn-success" value="Submit">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</form>
</div>
</div>
</div>
我已将此模式代码存储在单独的文件中,并将该文件包含在列表页面中,并且还将jQuery验证脚本包含在列表页面本身中,并且我正在使用列表页面上的添加按钮来打开添加模式形成。如下所示:
list.php
-----------
$this->load->view('add-section-modal.php');
-----------
<script>
-----------------
My above jQuery Validation script goes here
------------------
</script>
相同的代码在其他地方也可以正常工作。我的代码有什么问题?为什么会出现这种情况呢?