AJAX JQUERY .Tabledit ПРОВЕРКА ДО ПОВТОРЕНИЯ ОБНОВЛЕНИЯ - PullRequest
Новая
       4

AJAX JQUERY .Tabledit ПРОВЕРКА ДО ПОВТОРЕНИЯ ОБНОВЛЕНИЯ

0 голосов
/ 20 мая 2019

Эй, я в основном разработчик для настольных компьютеров, и я впервые делаю это для веба, я большой скраб, и я вроде не знаю, что я делаю.У меня есть эта уже хорошо работающая страница http://prntscr.com/nqoabv, где я могу легко обновить материал для моей базы данных mysql, но есть одна проблема, пока нет никаких проверок

Я хотел выполнить пару проверок в javascriptдля некоторых полей, таких как проверка максимальной длины, минимальной длины, если ввод только числовой, базовый материал, то, как только у меня это получится, я захотел еще что-то вроде, например, проверить ввод имени пользователя и сравнить его со всеми именами пользователей втаблицу базы данных, которую я уже случайно получил локально из списка, и убедитесь, что введенное имя пользователя УНИКАЛЬНО, обычно эти вещи должны быть очень простыми, по крайней мере, они были для меня, когда я делал то же самое в wpf, я простоне знаю, как это сделать здесь

Я просто хотел проверить поля и, если все в порядке, зайдите в файл php и выполните обновление, если это не так, остановите и предупредитепользователь.

Я прочитал, что "функции проверки должны быть вызваны до отправкиng ajax request. "Где и как мне это сделать?

Это HTML, я выполняю выбор *, а затем показываю его на столе 

<?php
// Abre a Ligação 
require_once('php/188_dbConnect.php');          

// Prepara e executa a query para recolha de todos os resgistos da tabela User
$sql = "SELECT * FROM User ORDER BY id DESC";
$result = mysqli_query($con,$sql);  //Executa a query e guarda o resultado.
?>

<body>  
  <div class="container" style="width: 80%;">  
   <br />  
   <br />  
   <br />  
    <div class="table-responsive">  
    <h3>Live Table Data Edit Delete using Tabledit Plugin in PHP</h3><br />  
    <button onclick="teste()">Click teste</button>
    <table id="table" class="table table-bordered table-striped">
     <thead>
      <tr>
       <th>ID</th>
       <th>Username</th>
       <th>Password</th>
       <th>Email</th>
       <th>Nickname</th>
       <th>GameMoney</th>
       <th>ProfilePlayer</th>
       <th>ProfileAdmin</th>
       <th>DuelTotal</th>
       <th>DuelWon</th>
       <th>Banned</th>
      </tr>
     </thead>
     <tbody>
     <?php
     while($row = mysqli_fetch_array($result))
     {
      echo '
      <tr>
       <td>'.$row["ID"].'</td>
       <td>'.$row["Username"].'</td>
       <td class="hidetext">'.$row["Password"].'</td>
       <td>'.$row["Email"].'</td>
       <td>'.$row["Nickname"].'</td>
       <td>'.$row["GameMoney"].'</td>
       <td>'.$row["ProfilePlayer"].'</td>
       <td>'.$row["ProfileAdmin"].'</td>
       <td>'.$row["DuelTotal"].'</td>
       <td>'.$row["DuelWon"].'</td>
       <td>'.$row["Banned"].'</td>
      </tr>
      ';
     }
     ?>
     </tbody>
    </table>
   </div>  
  </div>  
 </body>

, и это скрипт 

<script>  
$(document).ready(function(){  
     $('#table').Tabledit({
          url:'php/utilizador.php',
          columns:{
          identifier:[0, "ID"],
          editable:[[1, 'Username'], [2, 'Password'], [3, 'Email'], [4, 'Nickname'], [5, 'GameMoney'], [6, 'ProfilePlayer'], [7, 'ProfileAdmin'], [8, 'DuelTotal'], [9, 'DuelWon'], [10, 'Banned']]
     },
     restoreButton:false,
     onDraw: function() {
        console.log('onDraw()');
     },
     onSuccess: function(data, textStatus, jqXHR) {
          console.log('onSuccess(data, textStatus, jqXHR)');
          console.log(data);
          console.log(textStatus);
          console.log(jqXHR);
          if(data.action == 'delete')
          {
               $('#'+data.ID).remove();
          }
     },
     onFail: function(jqXHR, textStatus, errorThrown) {
          console.log('onFail(jqXHR, textStatus, errorThrown)');
          console.log(jqXHR);
          console.log(textStatus);
          console.log(errorThrown);
     },
     onAlways: function() {
          console.log('onAlways()');
     },
     onAjax: function(action, serialize) {
          console.log('onAjax(action, serialize)');
          console.log(action);
          console.log(serialize);
     }
     });
});  
</script>

У меня также есть php-файл, как вы можете видеть в скрипте, url: 'php / utilizador.php', но я хотел сделать эти проверки во внешнем интерфейсе, а затем сделать их снова во внутреннем интерфейсе, и моя проблемасейчас я делаю их во внешнем интерфейсе, я не знаю, где и как, я видел несколько сообщений об этой проблеме, но я не мог применить их синтаксис к моей ситуации

...