Layui 프레임워크 양식 사용 소개

layui에 대해 잘 알고 있지만 오늘은 그래도layui의 form 모듈을 살펴보는 시간이 있습니다.

1. 렌더링 업데이트

Layui에는 양방향 바인딩 메커니즘이 없지만 고전적인 모듈식 프레임워크를 사용하면 다음 방법만 실행하면 됩니다. #🎜🎜 #

form.render(type,filter)

첫 번째 매개변수: type

form.render(); //更新全部
form.render('select'); //刷新select选择框渲染
[select,checkbox,radio] //刷新[select选择框,checkbox复选框(含开关)][radio]渲染

두 번째 매개변수: filter [로컬에 사용할 수 있음 업데이트]는 클래스= "layui-form"이 위치한 요소의lay-filter=""값입니다. 이 매개변수를 사용하여 양식의 부분 업데이트를 완료할 수 있습니다.

<div class="layui-form" lay-filter="test1"></div>
<div class="layui-form" lay-filter="test2"></div>
<script>
form.render(null, &#39;test1&#39;); //更新 lay-filter="test1" 所在容器内的全部表单状态
form.render(&#39;select&#39;, &#39;test2&#39;); //更新 lay-filter="test2" 所在容器内的全部 select 状态
</s

2. 기본 요소 속성

<input type="text" lay-verify="email">
<input type="checkbox" checked lay-skin="switch" lay-filter="encrypt" title="是否加密">
<button lay-submit>提交</button>

특정 참조:

title: [모든 값] 체크박스, 라디오에 사용되는 요소 이름을 설정합니다.

lay-skin: [스위치(스위치 스타일) 기본(원래 스타일)] 요소 스타일을 설정합니다. 체크박스에만 유효합니다.

lay-filter: 시간 필터, 유사 정확한 일치를 위한 선택기

lay-verify: [필수(필수), 전화(휴대폰번호), 이메일(사서함), URL(웹사이트), 번호(번호), 날짜( 날짜), 신원 (ID 카드)]는 양식 검증에 사용되며 동시에 여러 검증 규칙을 지원합니다.lay-verify="required|phone"

lay-verType: [팁(흡착층), 경고( 팝업 상자), msg(기본값)]: 예외 프롬프트 레이어를 설정합니다.

lay-submit: 제출을 트리거하는 요소를 설정합니다.

layui에 대한 더 많은 지식은

layui 사용법 튜토리얼 컬럼을 주목해주세요.

위 내용은 Layui 프레임워크 양식 사용 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!