如何使用jQuery和Codeigniter简化表单验证？
如何使用jQuery和Codeigniter简化表单验证？
提问于 2018-05-11 02:43:06
我想使用jQuery和Codeigniter创建一个验证表单。这段代码实际上运行良好。但我想要的是使这段代码更短更简单。
<?php if (validation_errors()==true) {?>
<script type="text/javascript">
<?php if (form_error('nama')) { ?>
$('#nama').addClass('isInValid');
$('#nama').on('keyup',function(){
$('#nama').removeClass('isInValid');
});
<?php } ?>
<?php if (form_error('email')) { ?>
$('#email').addClass('isInValid');
$('#email').on('keyup',function(){
$('#email').removeClass('isInValid');
});
<?php } ?>
<?php if (form_error('message')) { ?>
$('#message').addClass('isInValid');
$('#message').on('keyup',function(){
$('#message').removeClass('isInValid');
});
<?php } ?>
</script>
<?php } ?>这是我的控制器代码：
$this->form_validation->set_rules('nama','Name','htmlspecialchars|trim|required|min_length[5]|max_length[30]');
$this->form_validation->set_rules('email','Email','htmlspecialchars|trim|required|min_length[5]|max_length[30]|valid_email');
$this->form_validation->set_rules('message','Message','htmlspecialchars|trim|required|min_length[5]|max_length[400]');
if ($this->form_validation->run()===true) {
$nama =$this->security->xss_clean($this->input->post('nama'));
$email = $this->security->xss_clean($this->input->post('email'));
$message = $this->security->xss_clean($this->input->post('message'));
$this->Contact_m->sendMessage($nama,$email,$message);
$this->session->set_flashdata('success','Thanks for contact us'.$nama);
redirect('Halaman/contact');
}回答 1
Stack Overflow用户
回答已采纳
发布于 2018-05-11 02:47:56
对于jQuery，您可以在js函数中添加removeClass、addClass和keyup事件，并在需要时简单地对该函数进行类，而不是重复代码。
<?php if (validation_errors()==true) {?>
<script type="text/javascript">
function errorClass(id) {
$(id).addClass('isInValid');
$(id).on('keyup',function(){
$(id).removeClass('isInValid');
});
}
<?php if (form_error('nama')) { ?>
errorClass('#nama');
<?php } ?>
<?php if (form_error('email')) { ?>
errorClass('#email');
<?php } ?>
<?php if (form_error('message')) { ?>
errorClass('#message');
<?php } ?>
</script>
<?php } ?>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50290542
复制相关文章
相似问题
使用jQuery和Codeigniter的表单验证？
使用jQuery和CodeIgniter进行表单验证和AJAX表单提交
Codeigniter离子身份验证和jquery表单验证
jQuery / JSON / CodeIgniter -表单验证
使用jQuery在CodeIgniter中进行表单验证和AJAX表单提交
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
