Layui表单复选框验证

最新推荐文章于 2024-08-11 15:42:10 发布

白白小甜鼠

最新推荐文章于 2024-08-11 15:42:10 发布

阅读量6.1k

点赞数 1

分类专栏： javascript 文章标签： layui

本文链接：https://blog.csdn.net/weixin_43103905/article/details/85621709

版权

在Layui项目开发中遇到复选框验证问题，本文作者分享了不依赖form-verify，而是在表单提交时进行判断的验证方法，为读者提供了一种复选框验证的思路。

摘要由CSDN通过智能技术生成

Layui表单复选框验证

近日由于项目原因使用layui框架进行开发，在做表单验证的时候苦于复选框验证问题找不到答案，于是作为小白的我换了一种思路，不采用官方提供的form-verify，而是采用在提交表单的时候进行判断，由此来对复选框进行验证。本文在于提供一种验证思路。
官方form示例（包含验证）：https://www.layui.com/demo/form.html
示例代码如下:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>test</title>
	<script type="text/javascript" src="./layui/jquery-1.12.1.min.js"></script>
	<script type="text/javascript" src="./layui/layui.js"></script>
	<link rel="stylesheet" type="text/css" href="./layui/css/layui.css">
	<style type="text/css">
		.layui-form-checkbox {
   
			width: 95%;
		}
	</style>
</head>
<body>
<form class="layui-form" action="" lay-filter