Layui提交表单时验证必选的多选框是否有选中


问题

Layui在表单提交时,会有 checkbox 是必选的,需要在提交的时候进行验证。

解决方法

  1. HTML 中添加表单相应内容
  1. JavaScript 中进行验证

说明

  1. checkbox 的命名需要是 name + [],如上面例子中使用的是 test[]
  2. Object.keys(data) 是用来获取数据中的键,返回值是一个数组,数组的值为 data 的键名。
  3. Array.filter() 用来获取数组中符合要求的值,传入的是 callback,返回值是一个数组。上面例子中的函数体是通过正则来进行匹配的,由于 checkboxname 设置为 test[],与正则中的 test 对应,在使用的时候只需要将 test 改为相应的 name 值 即可。
  4. 最后,在验证不通过时,可以使用 return false 来阻止提交。