0
我是CakePHP和Ajax的新手，我在使用特定情况下使用Ajax验证时遇到了一些麻烦。CakePHP - Ajax表单 - 模糊提交
正如标题中所说，我在jQuery blur（）事件上提交表单。每次完成ajax请求，我们都会显示一个包含一条消息的success.ctp。
这里我index.ctp
<h2>Edition - Id client : <?php echo h($id); ?></h2>
<hr>
<div id="success"></div>
<div>
<?php
echo $this->Form->create('Client', array(
"id" => "ajax-form"
));
?>
<fieldset>
<?php
//echo $this->Form->input('nom', array('onchange'=>"this.form.submit()"));
echo $this->Form->input('nom', array(
"id" => "nom",
));
echo $this->Form->input('prenom', array(
"id" => "prenom",
));
echo $this->Form->input('email', array(
"id" => "email",
));
echo $this->Form->input('adresse', array(
"id" => "adresse",
));
echo $this->Form->input('ville', array(
"id" => "ville",
));
echo $this->Form->input('code_postal', array(
"id" => "code_postal",
));
echo $this->Form->input('pays', array(
"id" => "pays",
));
echo $this->Form->input('num_fixe', array(
"id" => "num_fixe",
));
echo $this->Form->input('num_portable', array(
"id" => "num_portable",
));
echo $this->Form->input('genre', array(
"id" => "genre",
"type" => "select",
//"before" => '<p>Genre</p>',
//"after" => '--après--',
//"between" => '--entre---',
"separator" => '<br>',
"options" => array('' => '', 'Homme' => 'homme', 'Femme' => 'femme')
));
echo $this->Form->input('date_naissance', array(
"type" => "text",
"id" => "date_naissance",
"label" => "Date de naissance",
"class"=>'datepicker',
'empty' => true));
?>
<script type="text/javascript">
$(function() {
$('.datepicker').datepicker(
{
format: 'yyyy-mm-dd',
language:'fr',
startView:'decade',
showToday: false,
startDate:'-80y',
endDate:'-18y'
}
);
});
</script>
</div>
</fieldset>
<?php echo $this->Form->submit(
'Sauvegarder les modifications',
array( 'class' => 'btn btn-primary',
'title' => 'Savegarder'
)) ?>
<?php echo $this->Form->end(); ?>
</div>
<div class="spacer"></div>
<hr>
<p>
<?php echo $this->Html->link(
'<span class="glyphicon glyphicon-list"></span> Retour',
array('controller' => 'Clients', 'action' => 'index'),
array('class' => 'btn btn-default', 'escape' => FALSE)
); ?>
</p>
<div style="display:none;" id="sending">Sending...</div>
<?php echo $errors; ?>
<script type="text/javascript">
$(document).ready(function() {
$("#ajax-form input").blur(function() {
$.ajax({beforeSend:function (XMLHttpRequest) {
$("#sending").fadeIn();},
data:$("#ajax-form").closest("form").serialize(),
dataType:"html",
success:function (data, textStatus) {
$("#sending").fadeOut();
if(data.length < 50)
$("#success").html(data);
},
type:"post",
url:"\/clients\/index\/<?php echo h($id); ?>"
});
return false;
});
});
</script>
我的索引功能
public function index($id = null) {
if (!$id) {
throw new NotFoundException(__('Invalid post'));
}
$user = $this->Client->findById($id);
if (!$user) {
throw new NotFoundException(__('Invalid post'));
}
if ($this->request->is(array('post', 'put'))) {
$this->Client->id = $id;
$this->request->data['Client']['modified_at'] = date('Y-m-d H:i:s');
if ($this->Client->save($this->request->data)) {
if($this->RequestHandler->isAjax()){
$this->render('success', 'ajax');
}
else{
$this->Session->setFlash(__('L\'utilisateur a été mis à jour.'));
return $this->redirect(array('action' => 'recap', $id));
}
}
$this->Session->setFlash(
__('Unable to update.')
);
}
$user = $this->Client->findById($id);
$this->set('id',$id);
$this->set('user',$user);
if (!$this->request->data) {
$this->request->data = $user;
}
}
和模型
public $validate = array(
'nom' => array(
'required' => array(
'rule' => array('notEmpty'),
'message' => 'Nom incorrect'
)
),
'prenom' => array(
'required' => array(
'rule' => array('notEmpty'),
'message' => 'Prenom incorrect'
)
),
'email' => array(
'required' => array(
'rule' => array('email'),
'message' => 'Email incorrect'
)
)
);
代码工作完美，当数据是有效的。当他们不一样，我要使用修复不显示success.ctp：
$("#success").html(data);
这是什么“如果”做。否则，我在success.ctp中得到了index.ctp的重复。
有没有其他的方法可以在这个blur（）事件上使用Ajax验证，就像提交按钮一样。
此外，当表格中有错误时，其他数据无法在数据库中记录模糊 – Gnarok 2014-09-24 14:45:47