原生的 html5验证

image.png

  1. {
  2.     component: 'Input',
  3.     name: 'nickname',
  4.     label: '昵称',
  5.     value: '',
  6.     placeholder: '请输入名称',
  7.     required: true
  8.   },

antd表单的验证

image.png

  1. {
  2.     component: 'Input',
  3.     name: 'nickname',
  4.     label: '昵称',
  5.     value: '',
  6.     placeholder: '请输入昵称',
  7.     rules: [
  8.       {required: true, message: '请输入昵称'}
  9.     ]
  10.   },

noStyle

noStyle布局样式
image.png

  1. {
  2.     component: 'Input',
  3.     name: 'username',
  4.     label: '用户名',
  5.     value: '',
  6.     noStyle: true,
  7.     placeholder: '请输入用户名',
  8.   },

标准布局

image.png

  1. {
  2.     component: 'Input',
  3.     name: 'username',
  4.     label: '用户名',
  5.     value: '',
  6.     placeholder: '请输入用户名',
  7.   },