Проверить форму, загруженную из AJAX - PullRequest
Новая
       27

Проверить форму, загруженную из AJAX

2 голосов
/ 24 ноября 2011

так вот моя проблема.

У меня есть HTML-страница с простой формой и некоторый код javascript (jquery) для его проверки, тогда ладно.

эта страница будет выглядеть так: 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', будет выведено сообщение. Все хорошо, здесь моя форма подтверждена.

Но когда я загружаю эту страницу с другой страницы, используя ajax (jquery), то после загрузки загружается проверка, которую я сделал на 'test.html'.

Пример: 

<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>

Теперь, если я нажму на «Вставить», проверочный документ больше не будет работать.

Как я могу решить эту проблему? я могу взаимодействовать с загруженной страницей и кодом javascript вместе?

Надеюсь, вы, ребята, поняли мою проблему. Спасибо и извините за ошибки.

1 Ответ

0 голосов
/ 25 сентября 2012

прости меня, если это слишком много изменений, но я подумал, что мог бы предложить другой метод для тебя.как насчет использования jquery validate , чтобы помочь вам с проверкой?Вот пример с проверкой ответа ajax, как вы хотите.ниже родительский документ ... (обратите внимание, что я включаю в заголовок jquery validate. просто игнорируйте '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>

и частичного, который я загружаюниже ... (обратите внимание, что для ввода текста есть класс 'required' - так работает jquery validate. вы также увидите метод validate.) 

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...