$(document).ready(function() {
  $('form').on('submit', function(e) {
    // 查找所有必填的输入框
    $('input[required]').each(function() {
      if ($(this).val() === '') {
        // 为空时添加error类
        $(this).addClass('error');
        // 阻止表单提交
        e.preventDefault();
      } else {
        // 不为空时移除error类
        $(this).removeClass('error');
      }
    });
  });
});

$(document).ready(function() {
  $('form').on('submit', function(e) {
    let hasError = false;
    
    // 清除所有之前的错误状态
    $('input').removeClass('error');
    $('.error-message').remove();
    
    // 检查每个必填字段
    $('input[required]').each(function() {
      if ($(this).val().trim() === '') {
        $(this).addClass('error');
        // 添加错误提示
        $(this).after('<span class="error-message">此字段不能为空</span>');
        hasError = true;
      }
    });
    
    if (hasError) {
      e.preventDefault();
    }
  });
  
  // 当用户开始输入时移除错误状态
  $('input').on('input', function() {
    if ($(this).hasClass('error')) {
      $(this).removeClass('error');
      $(this).next('.error-message').remove();
    }
  });
});

.error {
  border: 1px solid red;
  background-color: #ffeeee;
}

.error-message {
  color: red;
  font-size: 0.8em;
  margin-left: 5px;
}