0
我在mysite上實現jQuery選項卡，其中一個選項卡包含一個表單，這是我的問題，表單通過ajax加載，因爲它在整個網站中使用多次。我的問題是，提交表單時，頁面會離開選項卡區域，而我需要保留在選項卡式系統中。jquery選項卡與窗體幫助
下面是我使用的代碼
TABS HTML
<div id="tabs">
<ul>
<li><a href="#tabs-1">Active Categories</a></li>
<li><a href="#tabs-2">De-activated Categories</a></li>
<li><a href="<?=base_url();?>admin/addCategory">Add A New Category</a></li>
</ul>
組成標記
<div id="contact_form">
<?php
// open the form
echo form_open(base_url().'admin/addCategory');
// categoryTitle
echo form_label('Category Name', 'categoryTitle');
echo form_error('categoryTitle');
$data = array(
'name' => 'categoryTitle',
'id' => 'categoryTitle',
'value' => $categoryTitle,
);
echo form_input($data);
// categoryAbstract
$data = array(
'name' => 'categoryAbstract',
'id' => 'categoryAbstract wysiwyg',
'value' => $categoryAbstract,
);
echo form_label('Category Abstract', 'categoryAbstract');
echo form_error('categoryAbstract');
echo form_textarea($data);
// categorySlug
$data = array(
'name' => 'categorySlug',
'id' => 'categorySlug',
'value' => $categorySlug,
);
echo form_label('Category Slug', 'categorySlug');
echo form_error('categorySlug');
echo form_input($data);
// categoryIsSpecial
/*$data = array(
'name' => 'categoryIsSpecial',
'id' => 'categoryIsSpecial',
'value' => '1',
'checked' => $checkedSpecial,
);
echo form_label('Is Category Special?', 'categoryIsSpecial');
echo form_error('categoryIsSpecial');
echo form_checkbox($data);*/
// categoryOnline
$data = array(
'name' => 'categoryOnline',
'id' => 'categoryOnline',
'value' => '1',
'checked' => $checkedOnline,
);
echo form_label('Online?', 'categoryOnline');
echo form_checkbox($data);
echo form_error('categoryOnline');
//hidden field check if we are adding or editing
echo form_hidden('edit', $edit);
echo form_hidden('categoryId', $categoryId);
// categorySubmit
$data = array('class' => 'submit', 'id' => 'submit', 'value'=>'Submit', 'name' => 'categorySubmit');
echo form_submit($data);
echo form_close();
?>
</div>
形式的方法
function saveCategory() {
$data = array();
// we need to set the what element the form errors get displayed in
$this->form_validation->set_error_delimiters('<div class="formError">', '</div>');
// we need to estabilsh some rules so the form can be submitted without error,
// or if there is error then the form needs show errors.
$config = array(
array(
'field' => 'categoryTitle',
'label' => 'Category title',
'rules' => 'required|trim|max_length[25]|xss_clean'
),
array(
'field' => 'categoryAbstract',
'label' => 'Category abstract',
'rules' => 'required|trim|max_length[150]|xss_clean'
),
array(
'field' => 'categorySlug',
'label' => 'Category slug',
'rules' => 'required|trim|alpha|max_length[25]|xss_clean'
),
/*array(
'field' => 'categoryIsSpecial',
'label' => 'Special category',
'rules' => 'trim|xss_clean'
),*/
array(
'field' => 'categoryOnline',
'label' => 'Category online',
'rules' => 'trim|xss_clean'
)
);
$this->form_validation->set_rules($config);
// with the validation rules set we can no run the validation rules over the form
// if any the validation returns false then the error messages will be returned to the view
// in the delimiters that we set further up the page.
if($this->form_validation->run() == FALSE) {
// we should reload the form
$this->load->view('admin/add_category');
}
}