Модальная коробка jQuery обновления не работает

У меня был создать jQuery модальная коробка с проверкой и ее работой. Но для моего обновления jQuery модальная коробка, не работа. bvalid не управляет проверкой, поскольку я попытался представить форму в кнопке отмены, и это работает. Позвольте мне показать вам парней коды.

$(function() {
      var username = $( "#username" ),
      email = $( "#email" ),
      password = $( "#password" ),
      accountexpired = $( "#account_expired" ),

      allFields = $( [] ).add( username ).add( email ).add( password ).add( accountexpired ),
      tips = $( ".validateTips" );

    function updateTips( t ) {
      tips
        .text( t )
        .addClass( "ui-state-highlight" );
      setTimeout(function() {
        tips.removeClass( "ui-state-highlight", 1500 );
      }, 500 );
    }

    function checkLength( o, n, min, max ) {
      if ( o.val().length > max || o.val().length < min ) {
        o.addClass( "ui-state-error" );
        updateTips( "Length of " + n + " must be between " +
          min + " and " + max + "." );
        return false;
      } else {
        return true;
      }
    }

    function checkRegexp( o, regexp, n ) {
      if ( !( regexp.test( o.val() ) ) ) {
        o.addClass( "ui-state-error" );
        updateTips( n );
        return false;
      } else {
        return true;
      }
    }

    $( "#edit1" ).dialog({
      autoOpen: false,
      height: 700,
      width: 500,
      modal: true,
      buttons: {
        "Update": function() {
             var bValid = true;
             allFields.removeClass( "ui-state-error" );

              bValid = bValid && checkLength( username, "Length of username must be between 3 and 16. Username may consist of a-z, 0-9, underscores, begin with a letter. ", 3, 16 );
              bValid = bValid && checkLength( email, "Length of email must be between 6 and 80. eg. [email protected]", 6, 80 );
              bValid = bValid && checkLength( password, "Length of password must be between 5 and 16. Password field only allow : a-z 0-9", 5, 16 );

              bValid = bValid && checkRegexp( username, /^[a-z]([0-9a-z_])+$/i, "Username may consist of a-z, 0-9, underscores, begin with a letter." );
              bValid = bValid && checkRegexp( email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "eg. [email protected]" );
              bValid = bValid && checkRegexp( password, /^([0-9a-zA-Z])+$/, "Password field only allow : a-z 0-9" );


          if ( bvalid ) {
              $( this ).dialog( "close" );
              $('#editUser').submit();

          }
        },
        Cancel: function() {

          $( this ).dialog( "close" );
        }

      }

    });

Что касается HTML:

<%--Update user box --%>
            <div id="edit1" title="Update user">
                  <form id="editUser" method="post" name="editUser">
                      

.

<table id="editpage" style="border-collapse: collapse;"> <tr> <td></td> <td><input type="hidden" name="username" id="username" style="border: 1px solid black" value="${it.username}" /></td> </tr> <tr> <td style="white-space: nowrap"></td> <td style="text-align: left"><input type="radio" name="account_expired" id="account_expired" value="${true}" ${it.account_expired == true ? 'checked="checked"' : ''}> True <input type="radio" name="account_expired" id="account_expired" value="${false}" ${it.account_expired == false ? 'checked="checked"' : ''}> False</td> </tr> <tr> <td></td> <td><input type="password" name="password" id="password" style="border: 1px solid black" value="${it.password}" /></td> </tr> <tr> <td></td> <td><input type="text" name="email" id="email" style="border: 1px solid black" value="${it.email}" /></td> </tr> </table> </form> </div>

Я действительно осуществлял некоторый ajax в это, но я понятия не имею, почему проверка не работает и препятствует тому, чтобы я представил форму. Какие-либо парни там могут помочь мне с этим? Парни спасибо так.

0
nl ja de
removeClass() ожидает отдельный аргумент так "tips.removeClass ("ui-state-highlight", 1500)"; взгляды неправильно. Хотя я сомневаюсь относительно того, именно это вызывает ваши проблемы. Я проверил бит bValid, и все тесты, кажется, проходят для нормального входа.
добавлено автор Peter Herdenborg, источник

2 ответы

Define action in form

<form id="editUser" method="post" name="editUser" action="">
0
добавлено

Кажется, что вы производите "editpage" стол в петле. Если больше чем один произведен, вы заканчиваете со многими элементами, имеющими те же самые имена и иды, который недействителен. При нажатии на "Update" возможно проверка смотрит на первые области, включающие иды, и не те вы пытаетесь утвердить.

Все это, если, конечно, тот $ {Query1} возвращает больше чем один ряд.

Если диалог удален, но форма не подчинилась при нажатии на Update, я предполагаю, что также стоит попытаться представить форму прежде, чем закрыть диалог, хотя я сомневаюсь, что это имело бы значение, поскольку закрытие диалога просто скрывает его afaik.

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 участник(ов)

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

Ruby, Rails, Hanami | dry-rb
Ruby, Rails, Hanami | dry-rb
1 180 участник(ов)

https://telegram.me/rubyjob - Ruby Job По вопросам - @eugene_shved

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

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 на русском

Rubyata
Rubyata
333 участник(ов)

Коммюнити Ruby и Ruby On Rails Флуд не приветствуются. Вакансии можно публиковать только и ТОЛЬКО по пятницам с хештегом #вакансия.

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

Rails Chat
Rails Chat
87 участник(ов)

You are welcome to discuss Ruby On Rails development process and other stuff