layui的使用小技巧

最新推荐文章于 2024-05-24 13:39:19 发布

VIP文章豆芋

最新推荐文章于 2024-05-24 13:39:19 发布

阅读量604

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/compruterlearner/article/details/108665143

版权

layui 表单

1.表单自带校验

lay-verify：是表单验证的关键字

2.移除pnum的只读属性

  $('#pnum').removeAttr('readonly');//让输入框可以输入

3.对于单纯的select，可以用disabled属性让其变成灰色不可选状态，用一下方法让其恢复可选：

$("#roleSelector").removeAttr("disabled");
  //自定义方法
	function fun_changebtn(selector, flag, content) {
   
			if (flag) {
   
				//启用
				$(selector).removeAttr('disabled');
				$(selector).attr('class', 'layui-btn layui-bg-green')
			} else {
   
				//禁用 ,改变或设置被选元素的属性值
				$(selector).attr('disabled', 'disabled');
				$(selector).attr('class',