Laravel Blade模态页中如何将JavaScript变量转为PHP变量

首先得明确：PHP是服务器端运行代码，JS是浏览器端运行代码，页面加载时PHP已经执行完毕并把HTML/JS发送到浏览器了，所以你没法直接把浏览器里的JS变量赋值给当前页面的PHP变量——两者运行时机完全错开。

根据你的需求，分两种场景解决：

场景1：校验逻辑可在前端完成 #

如果校验规则不涉及后端数据（比如只是格式校验，比如发票号长度、格式是否符合规则），直接用JS做校验就行，不用转PHP变量：

var invoice_no = document.getElementById('invoice_no').value;

// 示例：校验发票号格式（以INV-开头加6位数字为例）
if (!/^INV-\d{6}$/.test(invoice_no)) {
    alert('发票号格式不正确');
    // 后续处理，比如阻止表单提交、高亮输入框等
}

场景2：必须用PHP做校验（需后端数据支持） #

这种情况得通过AJAX把JS拿到的invoice_no传给后端控制器，让PHP处理校验后返回结果，前端再根据结果执行后续操作：

1. 前端JS代码（发送AJAX请求） #

var invoice_no = document.getElementById('invoice_no').value;

// 用原生fetch发送请求（也可用jQuery的$.ajax）
fetch('/check-invoice-validity', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json',
        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
    },
    body: JSON.stringify({ invoice_no: invoice_no })
})
.then(response => response.json())
.then(data => {
    if (data.valid) {
        // 校验通过，执行后续逻辑（比如提交表单、关闭模态框）
        console.log('发票号校验通过');
    } else {
        // 校验失败，提示用户
        alert(data.message || '发票号无效');
    }
})
.catch(error => {
    console.error('校验请求出错:', error);
});

2. 后端Laravel控制器代码（处理校验） #

// 在你的控制器中添加校验方法
public function checkInvoiceValidity(Request $request)
{
    $invoiceNo = $request->input('invoice_no');
    
    // 这里写实际的PHP校验逻辑，比如查询数据库是否存在该发票号
    $isValid = true; // 替换成真实校验逻辑
    $message = '';
    
    if (!$isValid) {
        $message = '该发票号已存在或不符合规则';
    }
    
    return response()->json([
        'valid' => $isValid,
        'message' => $message
    ]);
}

3. 路由配置（web.php） #

Route::post('/check-invoice-validity', [YourController::class, 'checkInvoiceValidity']);

补充：jQuery版本AJAX代码 #

如果你习惯用jQuery，可替换成以下代码：

$.ajax({
    url: '/check-invoice-validity',
    type: 'POST',
    data: { 
        invoice_no: invoice_no, 
        _token: $('meta[name="csrf-token"]').attr('content') 
    },
    success: function(data) {
        if (data.valid) {
            // 校验通过逻辑
        } else {
            alert(data.message);
        }
    },
    error: function() {
        alert('校验请求失败');
    }
});

内容的提问来源于stack exchange，提问作者Md Khairul Islam Emon