前端做非空校验的所有方式，列出来

前端做非空校验的方式有以下几种：

1. HTML5 的 required 属性：在表单元素中添加 required 属性，如果用户未填写该字段，提交表单时会提示用户必须填写该字段。

2. JavaScript 的 if 语句：使用 if 语句判断输入框的 value 是否为空，如果为空则提示用户必须填写该字段。

3. JavaScript 的正则表达式：使用正则表达式判断输入框的 value 是否为空或只包含空格，如果是则提示用户必须填写该字段。

4. jQuery 的 validate 插件：使用 jQuery 的 validate 插件可以快速进行表单验证，包括非空校验、长度限制、邮箱格式验证、手机号码格式验证等等。

5. Vue.js 的表单验证：使用 Vue.js 的表单验证功能可以对表单进行非空校验、长度限制、邮箱格式验证、手机号码格式验证等等。

6. React.js 的表单验证：使用 React.js 的表单验证功能可以对表单进行非空校验、长度限制、邮箱格式验证、手机号码格式验证等等。