Javascript 此代码正在向表发送空值。我怎样才能解决这个问题

我的代码应该验证表单并将信息发送到php页面。我知道验证和php是有效的，但出于某种原因，它会在表中插入空格。我怎样才能解决这个问题？我认为ajax部分不起作用。 当它发送到php页面时，它发送空变量。我怎样才能解决这个问题

$（函数（）{
//在#注册表表单元素上设置表单验证
$（“#val2”）。验证({
//指定验证规则
规则：{
姓名：{
要求：正确，
最大长度：50
},
电话：{
要求：正确，
数字：对
},
电邮：{
要求：正确，
电子邮件：真的
},
信息：{
要求：正确，
最小长度：30
},
},
//指定验证错误消息
信息：{
姓名：{
必填：“请输入您的姓名”，
maxlength：“请将您的姓名限制在50个字符以内”
},
电话：{
必填：“请输入您的号码”，
数字：“请输入一个有效的数字”
},
信息：{
必填：“请提供密码”，
minlength：“您的邮件长度必须至少为30个字符”
},
电子邮件：“请输入有效的电子邮件地址”，
},
submitHandler:函数（表单）{
调试器；
var name=form.name.value；
var email=form.email.value；
var编号=form.telephone.value；
var message=form.message.value；
var乘积=form.product.value；
$.ajax({
类型：“POST”，
url:'process.php'，
资料:姓名,，
电子邮件，
数字，
消息
产品,，
数据类型：“html”
});
}
});
}); 您只在数据字段中传递'name'。将ajax调用更改为：

$.ajax({
    type: "POST",
    url: 'process.php',
    data: {
        name : name,
        email : email,
        number : number,
        message : message,
        product : product
    },
    dataType: 'html'
});

你的PHP页面期望什么？一个物体，还是一种形式

现在您实际上只是将name设置为data选项

$.ajax({
                type: "POST",
                url: 'process.php',
                data: name,
                email, // Email will be treated as something else than data.
                number,
                message,
                product,
                dataType: 'html'
)};

将其作为对象传递：

$.ajax({
                type: "POST",
                url: 'process.php',
                data:
                    { name: name,
                      email: email, 
                      number: number,
                      message: message,
                      product: product 
                },
                dataType: 'html'
)};

或序列化表单：

$.ajax({
                type: "POST",
                url: 'process.php',
                data: $(form).serialize(),
                dataType: 'html'
)};

尝试使用以下方法：-

<script type="text/javascript">

                      $(function() {

                        // Setup form validation on the #register-form element
                        $("#val2").validate({

                            // Specify the validation rules
                            rules: {
                                Name: {
                                    required:true,
                                    maxlength:50
                                },
                                telephone: {
                                    required:true,
                                    number:true
                                },
                                Email: {
                                    required: true,
                                    email: true
                                },
                                message: {
                                    required: true,
                                    minlength: 30
                                },
                            },

                            // Specify the validation error messages
                            messages: {
                                Name: {
                                    required:"Please enter your name",
                                    maxlength:"Please Keep your name under 50 characters"
                                },
                                telephone: {
                                    required:"Please enter your number",
                                    number:"Please enter a valid number"
                                },
                                message: {
                                    required: "Please provide a password",
                                    minlength: "Your message must be at least 30 characters long"
                                },
                                Email: "Please enter a valid email address",
                            },

                            submitHandler: function(form) {
                                debugger;
                                var name = form.Name.value;
                                var email= form.Email.value;
                                var number = form.telephone.value;
                                var message = form.message.value;
                                var product = form.product.value;

                                $.ajax({
                                  type: "POST",
                                  url: 'process.php',
                                  data: {name:name,email:email,number:number,message:message,product:product},
                                  dataType:'html'
                                });
                            }
                        });

                      });
                </script>


$（函数（）{
//在#注册表表单元素上设置表单验证
$（“#val2”）。验证({
//指定验证规则
规则：{
姓名：{
要求：正确，
最大长度：50
},
电话：{
要求：正确，
数字：对
},
电邮：{
要求：正确，
电子邮件：真的
},
信息：{
要求：正确，
最小长度：30
},
},
//指定验证错误消息
信息：{
姓名：{
必填：“请输入您的姓名”，
maxlength：“请将您的姓名限制在50个字符以内”
},
电话：{
必填：“请输入您的号码”，
数字：“请输入一个有效的数字”
},
信息：{
必填：“请提供密码”，
minlength：“您的邮件长度必须至少为30个字符”
},
电子邮件：“请输入有效的电子邮件地址”，
},
submitHandler:函数（表单）{
调试器；
var name=form.name.value；
var email=form.email.value；
var编号=form.telephone.value；
var message=form.message.value；
var乘积=form.product.value；
$.ajax({
类型：“POST”，
url:'process.php'，
数据：{name:name，email:email，number:number，message:message，product:product}，
数据类型：'html'
});
}
});
});
在警报或控制台的.log（）中，您在姓名、电子邮件中得到了什么？