如何简化基于jQuery与Codeigniter的表单验证代码？

我来帮你把这段表单验证代码精简优化一下，分成视图和控制器两部分来调整：

视图代码简化 #

原来的代码对每个字段做了重复的判断和事件绑定，完全可以通过批量处理逻辑来减少冗余：

<?php if (validation_errors()) : ?>
<script>
// 从CodeIgniter获取所有验证失败的字段名
const errorFields = [<?php 
    $errorKeys = array_keys($this->form_validation->error_array());
    echo '"' . implode('","', $errorKeys) . '"';
?>];

// 统一处理所有错误字段
errorFields.forEach(fieldId => {
    const $field = $('#' + fieldId);
    $field.addClass('isInValid');
    // 绑定一次keyup事件移除错误类
    $field.on('keyup', function() {
        $(this).removeClass('isInValid');
    });
});
</script>
<?php endif; ?>

优化点说明： #

• 用$this->form_validation->error_array()直接拿到所有验证失败的字段名，避免重复写多个form_error()判断
• 用JS的forEach循环批量处理字段，不管以后新增多少字段，这段代码都不用修改
• 减少了大量重复的DOM操作代码，逻辑更清晰

控制器代码简化 #

控制器部分可以通过批量设置验证规则和简化数据获取逻辑来精简：

// 用数组批量定义所有验证规则
$validationRules = [
    [
        'field' => 'nama',
        'label' => 'Name',
        'rules' => 'htmlspecialchars|trim|required|min_length[5]|max_length[30]|xss_clean'
    ],
    [
        'field' => 'email',
        'label' => 'Email',
        'rules' => 'htmlspecialchars|trim|required|min_length[5]|max_length[30]|valid_email|xss_clean'
    ],
    [
        'field' => 'message',
        'label' => 'Message',
        'rules' => 'htmlspecialchars|trim|required|min_length[5]|max_length[400]|xss_clean'
    ]
];

$this->form_validation->set_rules($validationRules);

if ($this->form_validation->run() === true) {
    // 批量获取POST数据并做XSS清理（若全局XSS过滤已开启，可省略xss_clean）
    $postData = $this->security->xss_clean($this->input->post(['nama', 'email', 'message']));
    
    // 调用模型方法传递数据
    $this->Contact_m->sendMessage($postData['nama'], $postData['email'], $postData['message']);
    
    $this->session->set_flashdata('success', "Thanks for contact us {$postData['nama']}");
    redirect('Halaman/contact');
}

优化点说明： #

• 把分散的set_rules调用合并成数组批量设置，代码更整洁，后续维护字段更方便
• 用$this->input->post(['字段名数组'])批量获取POST数据，减少重复的赋值代码
• 把xss_clean整合到验证规则中（或开启全局XSS过滤），避免单独调用清理方法
• 用字符串插值简化flash消息的拼接

额外小建议：如果你的模型sendMessage方法支持接收数组参数，可以改成$this->Contact_m->sendMessage($postData);，进一步精简代码。

内容的提问来源于stack exchange，提问作者user9535105