Prestashop 1.6：如何调用为输入框、单选按钮添加span的函数

嘿，我来帮你梳理这两个问题的解决办法：

一、调用给输入框/单选按钮加span标签的函数 #

你提到的这个15-jquery.uniform-modified.js是PrestaShop主题里用来美化表单元素的修改版Uniform插件，它能自动给复选框、单选按钮包裹带样式的span标签，实现自定义的选中/未选中视觉效果。

1. 自动加载（默认情况） #

因为这个JS文件放在主题的js/autoload/目录下，PrestaShop会在页面加载时自动执行它，所以正常情况下，页面上的复选框、单选按钮都会被自动处理，生成你给出的这种结构：

<div class="checker" id="uniform-cgv">
  <span class="checked">
    <input name="cgv" id="cgv" value="1" type="checkbox">
  </span>
</div>

当复选框被选中时，对应的span会自动加上checked类，实现样式切换。

2. 手动初始化动态元素 #

如果是页面加载后动态生成的表单元素（比如访客结账时弹出的新字段），可能不会被自动处理，这时候你可以手动调用Uniform的初始化方法：

// 等页面DOM加载完成后执行
$(document).ready(function() {
  // 初始化所有复选框和单选按钮
  $('input[type="checkbox"], input[type="radio"]').uniform();
  
  // 要是只想初始化某个特定元素，就用它的ID或类选择器
  // $('#your-custom-checkbox').uniform();
});

这样就能确保动态生成的元素也能被加上对应的span标签和样式。

二、访客无需账号购买的信息补全问题 #

针对访客不用注册就能下单但信息填不全的情况，你可以从这几个角度入手：

• 后台设置必填字段
  登录PrestaShop后台，依次进入首选项 > 客户，找到「访客结账」的相关设置，把你需要的字段（比如姓名、邮箱、收货地址等）设为必填项。另外在订单 > 订单设置里也能调整结账流程的字段要求，确保访客必须填写关键信息才能继续下单。

• 前端表单验证强化
  给访客结账的表单加一层前端验证，防止用户跳过必填字段。比如用简单的jQuery逻辑：

  $('#guest-checkout-form').submit(function(e) {
    let isFormValid = true;
    // 遍历所有必填字段
    $(this).find('[required]').each(function() {
      const $field = $(this);
      if ($field.val().trim() === '') {
        isFormValid = false;
        // 给对应的Uniform容器加错误样式
        $field.closest('.checker, .radio').addClass('field-error');
      } else {
        $field.closest('.checker, .radio').removeClass('field-error');
      }
    });
    if (!isFormValid) {
      e.preventDefault();
      alert('请填写所有必填的订单信息哦～');
    }
  });
  

  再配合CSS给错误状态加视觉提示：

  .field-error span {
    border-color: #e74c3c !important;
    background-color: rgba(231, 76, 60, 0.1);
  }
  

• 检查主题模板的字段配置
  有时候主题的结账模板可能隐藏了某些必填字段，你可以打开themes/your_theme/templates/checkout/下的相关模板文件（比如guest.tpl），确认所有需要的字段都正确渲染，并且标记了required属性。

内容的提问来源于stack exchange，提问作者Adam Kowalski