Question

嘿，我主要是一名桌面开发人员，这是我第一次在网络上进行此操作，我的工作量很大，我有点不知道自己在做什么。我有一个运行良好的页面http://prntscr.com/nqoabv，在这里我可以轻松地为mysql数据库更新内容，但是有一个问题，根本没有验证

我想在javascript中对某些字段执行几次验证，例如检查最大长度，最小长度，如果输入仅是数字，基本内容，那么一旦进行了此操作，我还想要类似验证用户名例如，输入并将其与db表中所有我已经碰巧存在于列表中的用户名进行比较，并确保插入的用户名是UNIQUE，通常这些事情应该非常容易，至少它们对于我在wpf中做同样的事情时，我只是不知道该怎么做

我只是想验证字段，如果一切正常，请继续进入php文件并进行更新，如果没有更新，请停止并提醒用户。

我读到“应该在发送ajax请求之前调用验证函数。”我在哪里以及如何去做？

这是html，我执行select *，然后将其显示在桌子上

<?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'，但我想在前端进行这些验证，然后在后端再次进行验证，我的问题是正确的现在正在前端中进行操作，我不知道在哪里或如何进行操作，我已经看到了有关此问题的一些帖子，但是我无法将它们的语法应用于我的情况

更新行之前的AJAX JQUERY .Tabledit验证

0 个答案: