vue2表单实现普通的正则校验代码

以下是一个简单的 Vue2 表单实现普通的正则校验代码示例：

<template>
  <div>
    <form @submit.prevent="submitForm">
      <label for="username">用户名：</label>
      <input type="text" id="username" v-model="username" required pattern="[a-zA-Z0-9]{6,}">
      <br>
      <label for="password">密码：</label>
      <input type="password" id="password" v-model="password" required pattern=".{6,}">
      <br>
      <button type="submit">提交</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    }
  },
  methods: {
    submitForm() {
      // 在这里可以对表单数据进行处理和提交
    }
  }
}
</script>

在上面的代码中，我们使用了 `required` 和 `pattern` 属性来实现表单的必填和正则校验。其中，`pattern` 属性中的正则表达式 `[a-zA-Z0-9]{6,}` 表示用户名必须由至少 6 个字母或数字组成，而 `.{6,}` 表示密码必须至少包含 6 个字符。如果用户输入的数据不符合要求，浏览器会自动提示错误信息。