> php教程 > PHP开发 > 숨겨진 도메인 확인 및 프로그램 할당 즉시 확인과 관련된 BootStrap Validator의 문제에 대한 간략한 분석

숨겨진 도메인 확인 및 프로그램 할당 즉시 확인과 관련된 BootStrap Validator의 문제에 대한 간략한 분석

高洛峰
풀어 주다: 2016-12-03 10:25:02
원래의
1529명이 탐색했습니다.

질문 1:

다음 코드:

<input type="hidden" name="productId"/>
로그인 후 복사
$("#addForm").bootstrapValidator({
fields: {
productId: {
validators: {
notEmpty: {
message: &#39;请选择一个商品&#39;
}
}
}
}
});
로그인 후 복사

이 구성은 양식을 제출할 때 양식을 수정하지 않습니다. bootstrapValidator의 기본 구성이 "숨겨진 도메인(:hidden), 비활성화된 도메인(:disabled) 및 해당 도메인(:not(visible))"을 확인하지 않기 때문에 productId 요소가 확인됩니다.

해결책:

$("#addForm").bootstrapValidator({
//excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置
excluded:[":disabled"],//关键配置,表示只对于禁用域不进行验证,其他的表单元素都要验证
fields: {
productId: {
validators: {
notEmpty: {
message: &#39;请选择一个商品&#39;
}
}
}
}
});
로그인 후 복사

문제 2:

아래와 같은 요구 사항이 있는 경우가 많습니다.

숨겨진 도메인 확인 및 프로그램 할당 즉시 확인과 관련된 BootStrap Validator의 문제에 대한 간략한 분석

제품을 선택하면 productName에 제품명이 사용자에게 표시되고, productId의 숨겨진 필드에 제품 ID가 배치됩니다.

일반적인 상황에서 이러한 작업은 프로그램에 의해 완료됩니다.

$("input[name=&#39;productId&#39;]").val(data.productId);
로그인 후 복사

boottrapValidator 플러그인은 이러한 "프로그램 할당 이벤트"를 캡처할 수 없습니다. "이므로 여기서는 검증 효과를 얻을 수 없으므로 약간 수정해야 합니다.

$("#addForm").bootstrapValidator({
//excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置
excluded:[":disabled"],//关键配置,表示只对于禁用域不进行验证,其他的表单元素都要验证
fields: {
productId: {
trigger:"change", //问题2.关键配置
validators: {
notEmpty: {
message: &#39;请选择一个商品&#39;
}
}
}
}
});
//赋值之后触发一次“change”事件
$("input[name=&#39;productId&#39;]").val(data.productId).change();
로그인 후 복사

이렇게 하면 bootstrapValidator가 트리거됩니다. 앞으로는 "변경" 이벤트를 포착하여 검증 효과를 얻을 수 있기 때문입니다

위는 편집자가 숨겨진 도메인 검증 및 프로그램 할당 즉시 검증에 도입한 BootStrap Validator에 대한 간략한 분석입니다. 모두에게 도움이 될 거예요


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿