JQuery мобильную форму представить. Простая форма, которая переводит пользователя на страницу отправки формы - PullRequest
Новая
       1

JQuery мобильную форму представить. Простая форма, которая переводит пользователя на страницу отправки формы

0 голосов
/ 23 августа 2011

Я борюсь с отправкой формы в jquery mobile, и API не показывает никаких полезных примеров.

Вот мой HTML: 

<div data-role="page" id="test" data-id="test">
                <div data-role="content">
                    <form id="form1">
                        <div id="titleDiv" data-role="fieldcontain">  
                            <label id="titlelabel" for="title">Title *</label>  
                            <select id="title" name="title">  
                            <option value="null">Please select a title</option>  
                            <option value="mr">Mr</option>  
                            <option value="miss">Miss</option>  
                            <option value="mrs">Mrs</option>  
                            <option value="ms">Ms</option>  
                            <option value="dr">Dr</option>  
                            </select>  
                        </div> 
                        <div id="submitDiv" data-role="fieldcontain">    
                        <input type="submit" value="Submit Form" data-inline="true"/>
                        </div>
                    </form>  
            </div> 
        </div>

    <div data-role="page" id="test" data-id="test">
        <p>form confirmation page</p>
    </div>

, а вот мой javascript: 

$('div').live('pageshow',function(event, ui) {

$('#form1').submit(function() {
     alert('test');
     // Submit the form
     //        $.post("/forms/requestProcessor.php", form1Var.serialize(), function(data){
     //        });   

    $.mobile.changePage($("#test"), "slideUp");
    return false;
});           
});

При отправке я хочу, чтобы он показывал предупреждение, а затем выводил пользователя на страницу.На данный момент этот код показывает предупреждение 3 раза, но ничего не делает.Есть идеи, что с ним не так?

1 Ответ

0 голосов
/ 24 августа 2011

Проблема в том, что вы повторно используете идентификатор test.Дайте второй странице другой идентификатор, и changePage для этого идентификатора будет работать.Также было бы лучше опустить pageshow или ограничить его #test, а не всеми элементами на вашей странице.

...