양식 검증을 위해 really_easy_field_validation_with_prototype use use a : 특정 콘텐츠는 다음과 같습니다.
1. 첫 번째 단계는 물론 JS 및 CSS 파일을 먼저 소개하는 것입니다.
<link href = "$ {ctx} /skin/css/validation.css"rel = "stylesheet"type = "text/css"/> <script type = "text/javascript"src = "$ {ctx} /scripts/prototype.js"> ctx} /scripts/validation.js "> </script>2. 그런 다음 페이지 시작 부분에 다음 코드를 추가했습니다 (각 JSP가 헤더에 포함되어 있기 때문에이 코드를 Meta.jsp에 넣습니다.)
함수 후 부하 () {if (document.all) {var forms = document.forms; if (forms.length> 0) {for (var i = 0; i <forms.length; i ++) {if (forms [i] [ "method : save"]) 새 검증 (양식 [i]); }} window.clearInterVal (inteval); 정수 = null; }} var integer = window.setInterVal ( "AfterLoaded ();", 500);3. 입력 상자를 확인하려면 클래스에 로고를 추가하십시오. 좋다
코드 코드를 다음과 같이 복사하십시오. <input type = "text"name = "payable.howmuch"value = "id ="payable_howmuch "/>
이것은이 필드가 필요하고 숫자가 필요하다는 것을 의미합니다. 다른 콘텐츠의 경우 validation.js의 끝에서 코드를보십시오. 이해할 것입니다.
4. 또한, 우리의 양식 중 하나에 여러 제출 버튼이 있고 일반적으로 이름 = 메소드만이 클릭 할 때 저장 버튼을 트리거해야하므로 확인 js가 수정되기 때문에 validation.js를 수정했습니다.
원본을 넣으십시오
코드 사본은 다음과 같습니다. if (this.options.onsubmit) event.observe (this.form, '제출', this.onsubmit.bind (this), false);
변경
코드 사본은 다음과 같습니다. if (this.options.onsubmit) event.observe (this.form [ "method : save"], 'click', this.onsubmit.bind (this), false);
이것에는 문제가 있지만, 우리가 지금 무엇을 위해든 이것은 더 적합합니다.
5. 원래 CSS는 버튼 등에 영향을 미쳤으므로 해당 경계의 모든 내용을 제거했습니다.
6.이 검증 프레임 워크는 일부 상황 만 고려하는 것 같습니다. 유연하게 사용하려면 자세히 이해하려면 시간이 걸립니다. 또한 콜백 메커니즘을 제공합니다. 원래 버전을 다운로드 한 후 HTML에서 데모를 볼 수 있습니다.
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.