используя плагин jquery form с codeigniter?

I am trying to processed a form through the jQuery Form plugin with a simple validation using the jQuery validation plugin jQuery Form Plugin

simply the form stuck at sending and getting the result instead of showing the printed result inside the page it self it send to the action page

 var JQUERY4U = {};
 JQUERY4U.UTIL = {
     setupFormValidation: function() {
         $("#addCatgory").validate({
             rules: {
                 categoryname: {
                     required: true,
                     minlength: 5
                 },
                 categoryslug: {
                     required: true,
                     minlength: 5
                 }
             },
             messages: {
                 categoryname: 'Please enter your name',
                 categoryslug: 'Please enter a valid email'
             }
         });
     }
 }
 $(document).ready(function() {
     $('#addCatgory').AjaxForm({
         url: 'dashboard/categories/add',
         target: '#result',
         beforeSubmit: JQUERY4U.UTIL.setupFormValidation(),
         success: function (msg) {
             $('#result').fadeIn('slow', function() {
                 $('#result').html(msg);
             });
         }
     });
 });

the validation work great no problem with it at it all
but after validation passed and instead of showing the result into the result div it takes me to blank page with the the success message .
and this the Controller function .

public function add ()
    {
        $data = array();
        if (!empty($_POST)) {
            $this->model->insert();
            echo 'welcome';
            exit;
        }

        $data['parent_cats'] = $this->model->get_parent();
        $this->load->view('dashboard/addcategory', $data, FALSE);
    }
0
nl ja de
@JamshidHashimi это то же самое, что показывает результат на новой странице
добавлено автор Dr.Neo, источник
Нет, почему я должен?
добавлено автор Dr.Neo, источник
плагин формы отключает отправку автоматически
добавлено автор Dr.Neo, источник
На beforeSubmit потеряйте () . Вы хотите передать функцию, а не называть ее.
добавлено автор Rocket Hazmat, источник
вы могли бы удалить конечный FALSE-параметр из части загрузки изображения в функцию add() и повторить попытку?
добавлено автор Jamshid Hashimi, источник
ОК. Другой вопрос: вы использовали event.preventDefault (); в вашей кнопке отправки?
добавлено автор Jamshid Hashimi, источник

2 ответы

Вам необходимо отправить ajaxForm

$(document).ready(function() {
  $(document).on('click','.submitButton',function(e){
     e.preventDefault();
     $('#addCatgory').AjaxForm({
         url: 'dashboard/categories/add',
         target: '#result',
         beforeSubmit: JQUERY4U.UTIL.setupFormValidation(),
         success: function (msg) {
             $('#result').fadeIn('slow', function() {
                 $('#result').html(msg);
             });
         }
     }).submit();
   })
 });
0
добавлено
этот не работает :) сценарий по-прежнему переходит на страницу действий
добавлено автор Dr.Neo, источник
как ваша форма html? Вы пытались с действием в форме вместо предоставления только URL-адреса? И положительно уверены, что jQuery включен?
добавлено автор João Dias, источник
Я внес изменения в код. Привяжите действие клика к кнопке отправки.
добавлено автор João Dias, источник
0
добавлено
JavaScript Jobs — чат
JavaScript Jobs — чат
8 336 участник(ов)

JavaScript Jobs — чат для поиска работы и людей Правила оформления: https://teletype.in/@telegram-ru/r1WQe5F1m См. также: @mobile_jobs, @devops_jobs, @nodejs_jobs, @react_js, @angular_ru, @js_ru

JavaScript.ru
JavaScript.ru
7 932 участник(ов)

Сообщество сайта JavaScript.ru в Slack.

pro.js
pro.js
4 675 участник(ов)

Про JavaScript и NodeJS Invite: https://t.me/joinchat/Be4rsT5Rsgq30DHutjxXgA Правила: http://telegra.ph/ru-chat-rules-06-19 Вакансии только с ЗП, не чаще раза в неделю.

Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

JavaScript — русскоговорящее сообщество
JavaScript — русскоговорящее сообщество
3 269 участник(ов)

Рекомендуем сразу отключить уведомления Правила: https://rudevs.network/ByaMH6un7 См. также: @js_noobs_ru, @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

JavaScript Noobs — сообщество новичков
JavaScript Noobs — сообщество новичков
2 484 участник(ов)

Чат для новичков

javascript_ru
javascript_ru
915 участник(ов)

Сообщество любителей самого популярного языка программирования в мире. Чат основан в 2009 году. Логи: https://goo.gl/9EOeM7 Поддержка бота: @chat_linker (ссылка на репу внутри) Вам будут интересны @frontend_ru и @css_ru

jsChat
jsChat
603 участник(ов)

Чат посвященный программированию на языке javaScript Перед отправкой ссылки на Ваш контент посоветуйтесь с админом Все ссылки удаляются ботом автоматически

JavaScript for Zombies Chat
JavaScript for Zombies Chat
492 участник(ов)

Чат про JavaScript для настоящих zombie! Вход строго по приглашениям! Ссылка для строгих приглашений: https://t.me/joinchat/AAMBHz3Uyr0tuZ7VaB029g

All That JS
All That JS
417 участник(ов)

JS на русском