当表单在前端实现，如何实现上述功能

如果表单在前端实现，可以通过JavaScript来实现上述功能。以下是一个简单的实现示例：

1. 输入框限制字数：

// 获取输入框元素
var input = document.getElementById('input');

// 监听输入事件
input.addEventListener('input', function() {
  // 获取输入框中的文本内容
  var text = input.value;
  // 如果文本超过指定字数，截取文本
  if (text.length > 10) {
    input.value = text.slice(0, 10);
  }
});

2. 提交时验证表单：

// 获取表单元素
var form = document.getElementById('form');

// 监听表单提交事件
form.addEventListener('submit', function(event) {
  // 阻止默认提交行为
  event.preventDefault();

  // 获取表单中的各个输入框元素
  var input1 = document.getElementById('input1');
  var input2 = document.getElementById('input2');
  // ...

  // 验证输入框中的值是否符合要求
  if (input1.value === '') {
    alert('请输入内容');
  } else if (input2.value.length > 10) {
    alert('内容超过字数限制');
  } else {
    // 表单验证通过，提交表单数据
    form.submit();
  }
});

以上代码只是一个简单的示例，实际使用时需要根据具体需求进行修改和完善。