grails의 유효성 검사 submitButton

Question

grails '<g:submitButton> 태그의 onCLick 속성에 자바 스크립트를 사용하여 유효성 검사를 구현할 수 있습니까? 한 페이지에서 다른 페이지로 진행하기 위해 웹 플로우를 사용하고 있습니다. 내가 여기에하고 싶었던 무엇

   <script type="text/Javascript">      
       function isfilipinoCitizen() {  
        var selected = "${accountInfo?.filipinoCitizen}"; 
         if(selected == "1"){ 
          return true; 
         }else{ 
          alert(selected) 
          alert("You must be a Filipino citizen to register!") 
          document.location.href = "myhomepage"; 
         } 
       } 
       </script> 

다음 페이지로 진행에서 페이지를 방지하는 것입니다

<g:submitButton class="btn btn-primary" name="next" value="Next" onclick="return isfilipinoCitizen()"></g:submitButton> 

isfilipinoCitizen 기능은 내 자바 스크립트 코드에서 찾을 수 있습니다 : 여기에서 다음 버튼 내 코드입니다 사용자의 입력이 0이고 사용자를 시스템의 홈 페이지로 리디렉션합니다. 그러나 그것은 전혀 작동하지 않는 것처럼 보였다.

여러분의 도움을 매우 높이 평가합니다.

감사합니다.

Answer 1

먼저 무엇이 실제로 html로 렌더링되는지 확인하려면 Firebug을 사용해야한다고 생각합니다. 또한 일부 자바 스크립트 오류 또는 오류로드 리소스를 발견하는 데 도움이됩니다.

두 번째로 isfilipinoCitizen()의 시작 부분에 alert('come here');을 바로 붙이면 javascript가 먼저 호출되는지 확인해야합니다. 그 후 첫 번째 조건에서 경고합니다. :) 그것을 다룰 때 자바 스크립트가 특별한 언어, 우리가주의해야합니다 :

   <script type="text/Javascript">      
       function isfilipinoCitizen() {  
        alert("come here"); 
        var selected = "${accountInfo?.filipinoCitizen}"; 
         if(selected == "1"){ 
          alert("come there"); 
          return true; 
         }else{ 
          alert(selected) 
          alert("You must be a Filipino citizen to register!") 
          document.location.href = "myhomepage"; 
         } 
       } 
       </script> 

를 마지막으로 (당신이 당신의 자바 스크립트 함수가 제대로 호출되는 것을 보장 후), 당신은 "document.location.href보다 더 많은 작업을 수행해야합니다 "양식 제출을 막기 위해. 빠른 효과를 얻으려면 jQuery과 onSubmit() event을 사용하는 것이 좋습니다. 태그에 onsubmit 넣어 : 당신이 순수 자바 스크립트 솔루션을 좋아한다면, 당신은 Galm와 아누 즈가 제안하는 솔루션 따를 수

<g:form name="myForm" action="myaction" onsubmit="return isfilipinoCitizen()">...</g:form> 

실패한 경우를 거짓 :

P를 반환하는 기억하시기 바랍니다/s : ${accountInfo?.filipinoCitizen}을 자바 스크립트에 직접 삽입해도 문제가 없지만 좋은 방법은 아닙니다. "isFilipinoCitizen"매개 변수로 JavaScript 함수를 전송하는 것이 좋습니다.

다른 사용자 의견 : 등록 할 수있는 사용자가 누구인지 이미 알고있는 경우 사용자가 모든 양식을 작성하여 필리핀 시민이어야 등록 할 때까지 기다려야하는 이유는 무엇입니까? 이전에 사용자에게 알림이 표시되지 않는 이유는 무엇입니까?

Answer 2

대신 onsubmit을 시도하십시오.

<g:submitButton class="btn btn-primary" name="next" value="Next" onsubmit="return isfilipinoCitizen()"></g:submitButton> 

그리고 당신의 함수 반환 true 또는 false에서

.