ajax

에서로드 된 양식을 확인하십시오. 내 문제는 여기 있습니다.ajax

간단한 양식과 일부 javascript (jquery) 코드를 사용하여 html 페이지를 확인한 후 확인합니다.

것이 보이는 페이지 : test.html를

<html> 
<head> 
<title></title> 
<script src="jquery-1.7.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

function validate(){ 
    $('form').submit(function() { 
     var txt = $('#SYSTEM_NAME').val(); 
     if (txt == '') $('#loading').append('field is empty'); 
     return false; 
    }) 

} 

window.onload = validate

<form action="SomeAction" id="form0" method="post"> 

    <fieldset> 
     <legend>Information</legend> 

     <div class="editor-field"> 
      <input id="SYSTEM_NAME" name="SYSTEM_NAME" type="text" value="" /> 
     </div> 

     <input type="submit" value="Insert" id="saveCreation" /> 
     <div id="loading"></div> 

    </fieldset> 

</form> 

</body> 
</html>

위의이 페이지에서, 당신은 필드 '에 대한 정보없이 삽입 할 경우 SYSTEM_NAME '이면 메시지가 표시됩니다. 여기에 모든 양식이 유효합니다.

하지만 내가 아약스 (jquery)를 사용하여 다른 페이지에서이 페이지를로드 할 때 'test.html'doenst 작업에 대한 유효성 검사를로드 한 후에 발생합니다.

예 : 내가 '삽입'을 클릭하면

<html> 
<head> 
<title></title> 
<script src="jquery-1.7.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$('#go').click(function(){ 
    $('#here').load('test.html') 
}); 
</script> 
</head> 
<body> 
<input type='button' id='go' value='go' /> 
<div id='here'></div> 
</body> 
</html>

지금 검증은 더 이상 작동 도다.

이 문제를 어떻게 해결할 수 있습니까? 내가로드 된 페이지와 자바 스크립트 코드를 함께 사용할 수 있습니까?

여러분이 내 문제를 이해하기를 바랍니다. 고마워하고 영어 실수에 대한 죄송합니다.

출처

2011-11-24 user1063907

변경 사항이 너무 많으면 용서해주세요.하지만 다른 방법을 제안 할 수 있다고 생각합니다. 유효성 확인을 돕기 위해 jquery validate을 사용하는 것은 어떻습니까? 여기 당신이 원하는대로 ajax 응답을 검증하는 예제가 있습니다. 아래의 부모 문서입니다 ... (내가 머리에 JQuery와 유효성 검사를 포함하고 통지. 단지. 'get_test'난 부분을로드하는 데 사용하고 무시)

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> 
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js" type="text/javascript"></script> 
    <script type="text/javascript"> 

    $(document).ready(function() { 

     $('#go').click(function() { 
     $('#here').load('get_test'); 
     }); 

    }); 

    </script> 

</head> 
<body> 

<input type='button' id='go' value='go' /> 
<div id='here'></div> 
</body> 
</html>

을하고 난 다음로드하고있는 부분. .. (텍스트 입력에 '필수'클래스가 있음을 알 수 있습니다. 이는 jquery 유효성 검사가 작동하는 방식입니다.)

<script type="text/javascript"> 
    $("#form0").validate(); 
</script> 

<form action="SomeAction" id="form0" method="post"> 

    <fieldset> 
     <legend>Information</legend> 

     <div class="editor-field"> 
      <input id="SYSTEM_NAME" name="SYSTEM_NAME" type="text" value="" class="required" /> 
     </div> 

     <input type="submit" value="Insert" id="saveCreation" /> 
     <div id="loading"></div> 

    </fieldset> 

</form>

출처

2012-09-25 00:02:24

답변

관련 문제