如何修复 JS '未终止的字符串文字'错误

Question

我的网站上有一个表单，当用户单击提交时，在提交表单之前运行一些基本的 JS 验证，但是在检查某些字段时我收到错误“未终止的字符串文字”。

我了解这个错误是什么（在这种情况下，用户在文本区域中添加换行符）但我想不出避免/修复它的方法。

这是我声明表单的方式 -

<form id="<?php echo $form_name; ?>" 
      name="<?php echo $form_name; ?>" 
      class="standard-form" 
      method="POST" action="" 
      onsubmit="return validate_form('<?php echo $form_name; ?>')">

这就是我如何检查给我带来麻烦的字段 -

var your_query = document.forms['enquiry']['your_query'].value
if(your_query === ''){
    result = false;
}

如有任何帮助，将不胜感激。

谢谢。

Answer 1

我的猜测是$form_name 包含一个单引号字符：'

首先，您真的应该使用htmlentities 和json_encode 转义该输出：

<form id="<?php echo htmlentities($form_name); ?>"
      name="<?php echo htmlentities($form_name); ?>"
      class="standard-form"
      method="POST"
      action=""
      onsubmit="return validate_form(<?php echo htmlentities(json_encode($form_name)); ?>)">

另见Pass a PHP string to a Javascript variable (including escaping newlines)

接下来，不要使用 onsubmit intrinsic event attribute 并且不要将表单名称传递给它；在 JavaScript 文件中使用正确的 DOM 脚本（或 jQuery）和事件处理：

(function() {
    var form = document.getElementById("<?php echo json_encode($form_name); ?>");
    form.addEventListener('submit', onSubmit, false);

    function onSubmit() {
        // manipulate variable `form` as necessary
        // without having to pass around a `form_name`
    }
}());