Как можно упростить проверку формы с помощью jQuery и Codeigniter?

Question

Я хочу создать форму проверки с использованием 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');
    }

Answer 1

Для jQuery вы можете добавить события removeClass, addClass и keyup в функцию js и просто классифицировать эту функцию при необходимости вместо повторения кода

<?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 } ?>