jQuery를 기반으로 bootstrapValidator에서 전역 유효성 검사 구현

이 글은 주로 jQuery를 기반으로 bootstrapValidator에서 전역 유효성 검사를 구현하는 것과 관련된 정보를 소개합니다. 필요한 친구가 참고할 수 있습니다.

BootstrapValidator는 일반적으로 사용되는 많은 검사 기능을 실현할 수 있는 Boostrap v3용 양식 검사 jQuery 플러그인입니다. 확장이 쉽고 중국어도 지원합니다! 부트스트랩 사용자를 위해 즉시 사용할 수 있습니다.

Prefix:

jQuery, bootstrap, bootstrapValidator 소개

문제 설명:

프로젝트에서는 모든 양식 입력 상자에 & 기호를 입력할 수 없도록 요구합니다. 부트스트랩에서 사용할 수 있는 방법이 없어서 직접 해야 했습니다

아이디어:

정규식을 사용하세요.

두 가지 상황이 있습니다. 첫 번째는 입력 상자에 자체 규칙성 확인이 있으면 걱정할 필요가 없다는 것입니다(일반적으로 규칙성 확인은 입력을 엄격하게 제어하는 ​​데 사용됩니다). 규칙성이 없으면 &의 규칙적인 규칙을 입력할 수 없다는 점을 추가해야 한다는 것입니다.

　 bootstrapValidator 초기화 기능을 오버로드하고 위의 두 가지 상황에 따라 초기화 설정을 수정해야 합니다. 마지막으로 원래 bootstrapValidator 함수를 복원해야 합니다(이 단계는 필요합니다. 원래 bootstrapValidator 함수에는 손실될 수 없는 많은 관련 항목이 있습니다).

/*add chenhua 2015.10.16 重写bootstrapValidator方法?给每一个验证项都添加禁止输入"&"符号*/ 
$(function(){　　//保存原始的bootstrapValidator 
　　var overwrite = $.fn.bootstrapValidator; 　　//重载bootstrapValidator
　　$.fn.bootstrapValidator = function(options){ 
　　　　//恢复原来的bootstrapValidator，因为其加了很多数据是不能丢失的 
　　　　$.fn.bootstrapValidator = overwrite; 
        　　　　//这里有两种做法，第一种是直接修改arguments内容，使其包含不能输入&的验证，然后调用即可；　　　　//第二种是先使用arguments来初始化，然后使用调用bootstrapValidator的函数来给非正则表达式验证的项添加不能输入&的验证　　　　//这里我们使用了第二中。　　
　　　　var validtor = overwrite.apply(this,arguments); 
　　　　if($.type(arguments[0]) == "object"){ 
　　　　　　var vtor = this.data("bootstrapValidator"),　　　　　　//过滤出输入框表单项　　 
　　　　　　fileds = this.find("input[name][type='hidden'],input[name][type='password'],input[name][type='text'],textarea[name]").not(":disabled,[type='hidden']"); 
　　　　　　fileds.each(function(){ 
　　　　　　　　//本身没有正则验证才添加不能输入&的验证 
　　　　　　　　if(!vtor.getOptions($(this).attr('name'),'regexp','regexp')){ 
       　　vtor.addField($(this).attr('name'), 
　　　　　　　　　　　　{ 
　　　　　　　　　　　　　　validators: { 
　　　　　　　　　　　　　　　　regexp: { 
　　　　　　　　　　　　　　　　　　regexp: /^[^&]*$/, 
　　　　　　　　　　　　　　　　　　message: "不能包含&字符" 
　　　　　　　　　　　　　　　　} 
　　　　　　　　　　　　　　} 
　　　　　　　　　　}) 
　　　　　　　　} 
　　　　　　}) 
　　　　} 
　　　　return validtor; 
　　} 
})

그게 다입니다. 이 기사의 전체 내용이 모든 사람의 학습에 도움이 되기를 바랍니다. 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트를 주목하세요!

관련 권장 사항:

jQuery가 WCF 서비스를 호출하기 위해 Ajax를 구현하는 방법 소개

jQuery 다중 레벨 아코디언 메뉴 구현

위 내용은 jQuery를 기반으로 bootstrapValidator에서 전역 유효성 검사 구현의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!