Hoje possuo alguns fomulários em janelas (modais) e alguns desses campos preciso obrigar o usuário a preencher hoje estou fazendo da seguinte forma:
Caso o usuário esqueça de preencher algum campo utilizo o seguinte código onde valido o meu formulário e caso exista algum erro ele retorna uma mensagem:
Codigo:
function inserir() {
$this->template->set('title', 'Inserir Clientes');
/* Carrega a biblioteca do CodeIgniter responsável pela validação dos formulários */
$this->load->library('form_validation');
/* Define as tags onde a mensagem de erro será exibida na página */
$this->form_validation->set_error_delimiters('<span>', '</span>');
/* Define as regras para validação */
$this->form_validation->set_rules('cnome', 'Nome', 'required|max_length[40]');
$this->form_validation->set_rules('emailc', 'E-mail', 'trim|required|valid_email|max_length[100]');
$this->form_validation->set_rules('contato', 'Contato', 'trim|required|max_length[20]');
$this->form_validation->set_rules('telefone', 'Telefone', 'trim|required|max_length[20]');
$this->form_validation->set_rules('cidade', 'Cidade', 'trim|required|max_length[60]');
$this->form_validation->set_rules('nameR', 'Representante', 'trim|required|max_length[60]');
/* Executa a validação e caso houver erro chama a função index do controlador */
if ($this->form_validation->run() === FALSE) {
$this->session->set_flashdata('mensagem', "<div class='alert alert-danger'> preencha todos os campos antes de salvar </div>");
redirect('clientes');
/* Senão, caso sucesso: */
} else {
/* Recebe os dados do formulário (visão) */
$data['cnome'] = ucwords($this->input->post('cnome'));
$data['contato'] = ucwords($this->input->post('contato'));
$data['telefone'] = $this->input->post('telefone');
$data['emailc'] = strtolower($this->input->post('emailc'));
$data['cidade'] = ucwords($this->input->post('cidade'));
$data['representante'] = ucwords($this->input->post('nameR'));
/* Chama a função inserir do modelo */
if ($this->model->inserir($data)) {
$this->session->set_flashdata('mensagem', "<div class='alert alert-success'> Cliente salvo com sucesso</div>");
redirect('clientes');
} else {
$this->session->set_flashdata('mensagem', "<div class='alert alert-danger'> Erro ao inserir cliente</div>");
redirect('clientes');
}
}
}
Mensagem retornada em caso de erro:
Agora explicando o que eu procuro fazer, quero deixar o sistema mais funcional hoje se o usuário esquece algum campo ele é retorna a pagina de listagem e necessita abrir a função de cadastrar novamente e informar todos os campos novamente, minha ideia agora é que caso ele esqueça algum campo e clique em salvar o modal não seja fechado e sim que o campo(s) que ele não preencheu sejam realçados em vermelho, para isso acredito que precisarei utilizar javascript,esta é minha duvida.