더 이상 고민하지 않으면이 기사에서는 프론트 엔드 HTML 코드의 첫 번째 작품 인 두 가지 코드와 JS 코드의 두 번째 코드가 공유됩니다. 코드는 간단하고 이해하기 쉽습니다. 키 코드는 다음과 같습니다.
프론트 엔드 HTML 코드
<form id = "myform"method = "post"action = "/task/test"> <div> <div> <label> task name </label> <div> <입력 유형 = "text"name "name"= "audeame"id = "takeame"/> </div> <div> <lable> 어셈블리 이름 </label> <div> <input type = "text" "dllname" "dllname" "dllname". /> </div> </div> <div> <label> 클래스 이름 </label> <div> <input type = "text"name = "methodname"id = "methodName"/> </div> </div> <div> <labe> cron expression </label> <div> <입력 유형 = "cron"id = "</div> </div> </div> </div> </div> </div> </div> <div> <div> <div> <div> <div> <div> <div> description</label><div><input type="text" name="cronRemark" id="cronRemark" /></div></div><div><div><label><input type="checkbox" checked="checked" id="enabled"><span>Enable</span></label></div></div></div><div><button type = "button"data-dismiss = "modal"> Close </button> <button type = "제출"> 제출 </button> </div> </form>
JS
<cript> $ (document) .ready (function () {$ ( "#myform"). bootstrapvalidator ({메시지 : '이 값 :'이 값 : '이 값은 유효하지 않습니다', 피드백 시콘 : {glyphicon glyphicon-ok ', Invalid :'Glyphicon Glyphicon-Remove ','Glyphicon Glyphicon-rephicon-rephicon-rephicon-rephicon-rephicon-rephicon-rephicon-lemove : 'glyphicon glyphicon-remove' {audeame : {notempty : {메시지 : '작업 이름이 비어있을 수 없습니다'}}}}}} : {notempty : {메시지 : '어셈블리 이름은 비어있을 수 없습니다'}. { "유효", true} // url : '/task/test3', // verification add $ ( 'name = "passwordeMeattributeInourform"]'). val (), // 뭐든지 : $ ( '[name = "wantingameAttributeInourform"]. {notempty : {message : 'cron expression'}}}}}}}}}}}}}}}}}}}}}}} {var awastdata = {}; taskdata.taskName = $ ( '##takeame'). val (dllname = $ ( '#dllname'); $ ( '#methodname'). val (); taskData.cronexpression = $ ( '#cron'). val (); val (); taskData.Remark = $ ( '##cronremark'). val (); taskData.enabled = $ ( '#enabled'). "/task/addtask", data : taskData, success : function (data) {alert (data); $ ( '#myform'). data ( 'bootstrapvalidator'). resetform (true);}})}) </script>이 방법은 Ajax 제출이며 제출 이벤트는 Submithandler에서 작성됩니다.
위는 편집자가 귀하에게 소개 한 부트 스트랩 검증 컨트롤 사용에 대한 관련 지식입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!