当输入字段位于 HTML 表中且其类型为“隐藏”时进行表单验证

Form Validation when Input field is in HTML table and its type is "hidden"

本文关键字：隐藏 验证 表单 类型 字段 输入 HTML      更新时间：2023-09-26

我有一个工作代码，可以在单击彩色按钮时更改表格单元格的颜色，当鼠标拖动到表格单元格上时，拖动中涉及的所有单元格都会获得该颜色，这是代码 http://jsfiddle.net/28SMv/76/，

现在我想做表单验证，就像当第一个表格单元格获得一种颜色时，我想回显出值并将其发送到数据库，我无法将表格单元格值设置为所选颜色，请帮忙！

试试吧！

显示要存储在数据库中的行和列 ID 和值。

现场演示

要保存数据，请使用：

var Params = { identificador: identificador, color : color };
$.ajax({
    url: 'pagetosave.php',
    type: 'post',
    data: Params,
    success: function (data) {
        alert('saved...');
    }
});

在每个命令上替换它。

将为每个触发一次....

您的 PHP 页面将收到两个参数。Identificador e color.

你可以这样尝试：

$('our_table td').click(function(){
           $(this).css('background-color', selectedColor);
            alert($(this).children("input").val());
            $.ajax({
                    url: "add-product.php",
                    type: "post",
                    data: $(this).children("input").val().serialize(),
                    error: function(data){
                        alert("There was an error while inserting into the database. );
                    },
                    success: function(data) {
                        Display_Load();
                        $("#content").load("pagination_data.php?page=1", function() {
                            Hide_Load()
                        });
                    }
                });
    });

它似乎不允许我在 Fiddle 中发出警报，但是一旦您可以获得变量，只需执行 AJAX 调用即可在某处更新数据库。

如果您需要更多帮助，请告诉我。

相关文章：