我在使用 Jquery.validate.Js 和 ajax 时还需要 PHP 验证吗？

Question

我知道 js 验证是针对客户端的，而 php 验证是针对服务器端的。 用户可以跳过 js 验证并提交，但是当我在 ajax 中获取操作 php 文件时可以吗？

我的意思是我正在使用以下代码来验证表单。如您所见，我在 ajax 中调用 postProjectAction.php .. 如果用户跳过js/禁用js并提交表单，表单将不会被提交，因为，

1. 我的表单没有动作
2. 如果不调用postProjectAction.php，表单数据将不会被插入或提交到数据库。当用户禁用 js 代码不会调用 postProjectAction.php

所以没有机会提交表单。 这仍然不安全吗？

html:

<form id="form_validation" method="POST">
</form>

js 验证：

$(document).ready(function() {

    $("#form_validation").submit(function() {
                if ($("#form_validation").valid()) {
                    var data1 = $('#form_validation').serialize();
                    $.ajax({
                        type: "POST",
                        url: "postProjectAction.php",
                        data: data1,
                        success: function(msg) {
                            console.log(msg);
                            $('.messagebox').hide();
                            $('#alert-message').html(msg);
                            $('.messagebox').slideDown('slow');
                        }
                    });
                }
                return false;
            });     
});

Answer 1

PHP 验证在服务器端，而 JQuery 在前端。

所以它基本上取决于需要或要求。

机器人可以破坏前端验证，但很难破坏服务器端验证。

底线，做服务器端验证更安全:)

Answer 2

是的，您的表单仍然不安全。用户无需禁用 JavaScript 甚至提交您的表单即可绕过实施的验证。

您的代码仅在提交表单时进行验证。用户只需将以下代码粘贴到浏览器控制台并运行它即可发布数据，而无需进行任何验证。

var data1 = $('#form_validation').serialize();
$.ajax({
        type: "POST",
        url: "postProjectAction.php",
        data: data1,
        success: function(msg) {
            console.log(msg);
            $('.messagebox').hide();
            $('#alert-message').html(msg);
            $('.messagebox').slideDown('slow');
        }
    });

这只是可以绕过表单验证的众多方法之一。验证来自客户端的所有数据始终是一个好习惯。

Answer 3

$(document).ready(function() {

    $("#form_validation").submit(function() {
                if ($("#form_validation").valid()) {
                    var data1 = $('#form_validation').serialize();
                    $.ajax({
                        type: "POST",
                        url: "postProjectAction.php",
                        data: {data1:data1},
                        success: function(msg) {
                            console.log(msg);
                            $('.messagebox').hide();
                            $('#alert-message').html(msg);
                            $('.messagebox').slideDown('slow');
                        }
                    });
                }
                return false;
            });     
});

编辑 postProjectAction.php

if(!$_POST['data1'] OR !$_POST['blalbla']) header("HTTP/1.0 404 Not Found");
else{Your actions}