javascript - 对 元素进行简单验证。

Question

我有一个表，其中包含来自 MYSQL 的数据，每当我对表中的元素进行更改时，我的数据库将通过 ajax 更新。这是我的 JavaScript 代码，用于在可编辑行中发送数据。

        function saveToDatabase(editableObj,column,id) {    
        $(editableObj).css("background","#FFF url(images/loaderIcon.gif) no-repeat right");
        $("#tabs-1").load(location.href + " #tabs-1");
            $.ajax({
                url: "saveedit.php",
                type: "POST",
                data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id,
                success: function(data){
                    $(editableObj).css("background","#FDFDFD");
                }
           });              
    }

完成上述函数后，saveedit.php 将处理更新数据库并正常运行。

然后，这是我的 html 表格，这些表格元素是可编辑的。

        <?php
            $result = FUNCTION_TO_RETRIEVE_DATA_FROM_DB;
            foreach($result as $k=>$v){
        ?>
        <tr>
            <td><?php echo $k+1; ?></td>
            <td contenteditable="true" onBlur="saveToDatabase(this, 'memberID', '<?php echo $result[$k]["memberID"]; ?>')"><?php echo $result[$k]["memberID"]; ?></td>

            <td contenteditable="true" onBlur="saveToDatabase(this, 'surname', '<?php echo $result[$k]["memberID"]; ?>')"><?php echo $result[$k]["surname"]; ?></td>

            <td contenteditable="true" onBlur="saveToDatabase(this, 'forename', '<?php echo $result[$k]["memberID"]; ?>')"><?php echo $result[$k]["forename"]; ?></td>

            <td contenteditable="true" onBlur="saveToDatabase(this, 'address', '<?php echo $result[$k]["memberID"]; ?>')"><?php echo $result[$k]["address"]; ?></td>

            <td contenteditable="true" onBlur="saveToDatabase(this, 'gradeID', '<?php echo $result[$k]["memberID"]; ?>')"><?php echo $result[$k]["gradeID"]; ?></td>                                
        </tr>
        <?php
            }
        ?>

这段代码可以工作，但我想问的问题是，如何验证用户输入到此元素中的数据？例如，如果我想检查初始列memberID不能超过6个字符，或者是否需要，该怎么办？我想做的是在使用 AJAX 发送输入的数据之前验证它，但现在我不知道如何在表元素中完成验证。

Answer 1

在调用 ajax 之前，通过在其前面放置条件来验证您的列。

` function saveToDatabase(editableObj,column,id) {  
    $(editableObj).css("background","#FFF url(images/loaderIcon.gif) no-repeat right");
        $("#tabs-1").load(location.href + " #tabs-1");
           if(column == "memberID"){
               if(editableObj.innerHTML.length > 6 ) { 
                      alert("cannot be longer than 6 characters");
                      return false;
                }else{
                      $.ajax({
                        url: "saveedit.php",
                        type: "POST",
                        data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id,
                        success: function(data){
                        $(editableObj).css("background","#FDFDFD");
                       }
                    }); 
                   }
                 }             
    }`