layui 중 단선상자 검사 방법 및 주의사항
layui에서 단선상자 라디오: 검사 방법 및 주의사항
1. html 부분 <div class="layui-form-item">
<label class="layui-form-label"> :label>
<div class="layui-input-block" id="sex">
<input type="radio" name="Sex" value="man" title=" " lay-verify="radioReq">
<input type="radio" name="Sex" value="woman" title=" " lay-verify="radioReq">
div>
div>
2. js 섹션 <script type="text/javascript">
layui.use('form', function () {
var form = layui.form;
//
form.verify({
radioReq: function (value, item) {
var verifyName = $(item).attr('name'),
verifyType = $(item).attr('type'),
formElem = $(item).parents('.layui-form'),
verifyElem = formElem.find('input[name=' + verifyName +']'),
isTrue = verifyElem.is(':checked'),
focusElem = verifyElem.next().find('i.layui-icon');
if (!isTrue || !value) {
focusElem.css(verifyType == 'radio' ? {
"color": "#FF5722"} : {
"border-color": "#FF5722"});
//
focusElem.first().attr("tabIndex", "1").css("outline", "0")
.blur(function () {
focusElem.css(verifyType == 'radio' ? {
"color": ""
} : {
"border-color": ""
});
}).focus();
return ' ';
}
}
});
//
form.on('submit(register)', function (data) {
layer.msg(JSON.stringify(data.field)); //
console.log(data.field)
});
});
</script>
3. 중요 힌트
(1) 라디오와 체크박스는 리퀴어의 규칙만 스스로 정의할 수 있으며, 단일 선택 상자 검사 코드와 같다.(2)form.verify는 반드시 form에 두어야 합니다.전에
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
layui의 select 연동
공식 커뮤니티에서 찾은 방법은 다음과 같다.
이런 코드 편집기를 뱉어라, 조판은 똥과 같다!...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
<div class="layui-form-item">
<label class="layui-form-label"> :label>
<div class="layui-input-block" id="sex">
<input type="radio" name="Sex" value="man" title=" " lay-verify="radioReq">
<input type="radio" name="Sex" value="woman" title=" " lay-verify="radioReq">
div>
div>
<script type="text/javascript">
layui.use('form', function () {
var form = layui.form;
//
form.verify({
radioReq: function (value, item) {
var verifyName = $(item).attr('name'),
verifyType = $(item).attr('type'),
formElem = $(item).parents('.layui-form'),
verifyElem = formElem.find('input[name=' + verifyName +']'),
isTrue = verifyElem.is(':checked'),
focusElem = verifyElem.next().find('i.layui-icon');
if (!isTrue || !value) {
focusElem.css(verifyType == 'radio' ? {
"color": "#FF5722"} : {
"border-color": "#FF5722"});
//
focusElem.first().attr("tabIndex", "1").css("outline", "0")
.blur(function () {
focusElem.css(verifyType == 'radio' ? {
"color": ""
} : {
"border-color": ""
});
}).focus();
return ' ';
}
}
});
//
form.on('submit(register)', function (data) {
layer.msg(JSON.stringify(data.field)); //
console.log(data.field)
});
});
</script>
3. 중요 힌트
(1) 라디오와 체크박스는 리퀴어의 규칙만 스스로 정의할 수 있으며, 단일 선택 상자 검사 코드와 같다.(2)form.verify는 반드시 form에 두어야 합니다.전에
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
layui의 select 연동
공식 커뮤니티에서 찾은 방법은 다음과 같다.
이런 코드 편집기를 뱉어라, 조판은 똥과 같다!...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
layui의 select 연동공식 커뮤니티에서 찾은 방법은 다음과 같다. 이런 코드 편집기를 뱉어라, 조판은 똥과 같다!...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.