我的表单将在客户端进行验证，但我试图弄清楚为什么它在服务器端没有验证。我没有完整的PHP，但它甚至没有在我的控制台中提出POST请求，说它将表单提交给服务器。
jQuery的：
$(document).ready(function()
{
/*
* Validate the form when it is submitted
*/
var validateform = $("#newArticleForm").validate({
invalidHandler: function(form, validator) {
var errors = validator.numberOfInvalids();
if (errors) {
var message = errors == 1
? 'You missed 1 field. It has been highlighted.'
: 'You missed ' + errors + ' fields. They have been highlighted.';
$('.box .content').removeAlertBoxes();
$('.box .content').alertBox(message, {type: 'warning', icon: true, noMargin: false});
$('.box .content .alert').css({
width: '100%',
margin: '0',
borderLeft: 'none',
borderRight: 'none',
borderRadius: 0
});
} else {
$('.box .content').removeAlertBoxes();
}
},
showErrors : function(errorMap, errorList) {
this.defaultShowErrors();
var self = this;
$.each(errorList, function() {
var $input = $(this.element);
var $label = $input.parent().find('label.error').hide();
$label.addClass('red');
$label.css('width', '');
$input.trigger('labeled');
$label.fadeIn();
});
},
submitHandler: function(form) {
var dataString = $('#newArticleForm').serialize();
$.ajax({
type: 'POST',
url: '/kowmanager/dashboard/articleSubmit',
data: dataString,
dataType: 'json',
success: function(data) {
if (data.error) {
$('.box .content').removeAlertBoxes();
$('.box .content').alertBox(data.message, {type: 'warning', icon: true, noMargin: false});
$('.box .content .alert').css({
width: '',
margin: '0',
borderLeft: 'none',
borderRight: 'none',
borderRadius: 0
});
}
else
{
$('.box .content').removeAlertBoxes();
$('.box .content').alertBox(data.message, {type: 'success', icon: true, noMargin: false});
$('.box .content .alert').css({
width: '',
margin: '0',
borderLeft: 'none',
borderRight: 'none',
borderRadius: 0
});
$(':input','#newArticleForm')
.not(':submit, :button, :hidden, :reset')
.val('');
}
}
});
}
});
});
控制器：
function articleSubmit()
{
$outputArray = array('error' => 'yes', 'message' => 'unproccessed');
$outputMsg = '';
// Sets validation rules for the login form
$this->form_validation->set_rules('title', 'Title',
'trim|required|xss_clean|alpha_numeric');
$this->form_validation->set_rules('category', 'Category',
'integer');
$this->form_validation->set_rules('isSticky', 'Is Sticky',
'integer');
$this->form_validation->set_rules('comments', 'Allow Comments',
'integer');
// Checks to see if login form was submitted properly
if (!$this->form_validation->run())
{
$outputArray['message'] =
'There was a problem submitting the form! Please refresh the window and try again!';
}
else
{
}
}
查看：
<?php $attributes = array('class' => 'validate', 'id' => 'newArticleForm'); ?>
<?php echo form_open_multipart('', $attributes) ?>
<div class="content no-padding">
<div class="section _100">
<?php echo form_label('Title', 'title'); ?>
<div>
<?php echo form_input('title', '', 'class="required"'); ?>
</div>
</div>
<div class="section _100">
<?php echo form_label('Category', 'category'); ?>
<div>
<?php echo form_dropdown('category', $categories, '', 'class="required"'); ?>
</div>
</div>
<div class="section _100">
<?php echo form_label('Is Sticky', 'sticky'); ?>
<div>
<?php
$options = array(
'' => 'Please Select An Option',
'0' => 'No',
'1' => 'Yes',
);
?><?php echo form_dropdown('sticky', $options, '', 'class="required"'); ?>
</div>
</div>
<div class="section _100">
<?php echo form_label('Allow Comments', 'comments'); ?>
<div>
<?php
$options = array(
'' => 'Please Select An Option',
'0' => 'No',
'1' => 'Yes',
);
?><?php echo form_dropdown('comments', $options, '', 'class="required"'); ?>
</div>
</div>
<div class="section _100">
<?php echo form_label('Date Comments Expire', 'datetime'); ?>
<div>
<input id="datetime" type="datetime" class="required" />
</div>
</div>
<div class="section _100">
<?php echo form_label('Status', 'status'); ?>
<div>
<?php
$options = array(
'' => 'Please Select An Option',
'0' => 'Inactive',
'1' => 'Active',
);
?><?php echo form_dropdown('status', $options, '', 'class="required"'); ?>
</div>
</div>
<div class="section _100">
<?php echo form_label('Image', 'file'); ?>
<div>
<?php echo form_upload('file', '', 'class="required"'); ?>
</div>
</div>
<div class="section _100">
<?php echo form_label('Permalink', 'permalink'); ?>
<div>
<?php echo form_input('permalink', '', 'class="required"'); ?>
</div>
</div>
<div class="section _100">
<?php echo form_label('Article', 'article'); ?><?php $attributes = array('name' => 'article', 'cols' => '30', 'rows' => '5', 'id' => 'article', 'class' => 'required') ?>
<div>
<?php echo form_textarea($attributes); ?>
</div>
</div>
</div><!-- End of .content -->
<div class="actions">
<div class="actions-left">
<?php echo form_reset(array('id' => 'reset', 'name' => 'reset'), 'Reset'); ?>
</div>
<div class="actions-right">
<?php echo form_submit(array('id' => 'submit', 'name' => 'submit'), 'Submit'); ?>
</div>
</div><!-- End of .actions -->
<?php echo form_close(); ?>
编辑：
我还有其他使用此jquery的表单，但想知道是否有人有任何其他想法？
答案 0 :(得分：0)
我知道这个问题的答案......它让我疯了，所以我很乐意帮助你解决这个问题：））
Codeigniter以非常特殊的方式使用POST请求。如果你这样做但是使用GET请求你会发现它工作正常......那么发生了什么？
Codeigniter有一个crsf令牌，以确保您以安全的方式发布数据。 因此，请确保将此crsf值与其余数据一起发送。
我会举个例子，这是我的POST ajax + codeigniter的样子：
$.ajax({
type: 'POST',
dataType: 'HTML',
data: {
somevalue : somevalue,
csrf_test_name : $.cookie('csrf_cookie_name')
},
...
如您所见，您的crsf值存储在cookie中。我使用jquery插件cookie帮助器，但使用任何其他插件感觉很难。
但是，请记住，在发出POST请求时，codeigniter始终需要名称“csrf_test_name”
度过美好的一天！
对于那些想要阅读更多内容的人来说，这就是我所说的： http://aymsystems.com/ajax-csrf-protection-codeigniter-20