Question

我有一个页面链接到另一个页面。在第二页上，我有一个表单输入文本字段，从第一页开始时不起作用。但是，当直接浏览到第二页时，表单完美地运行。这是我的第一页上的代码：

<div data-role="page" id="page1">
        <div data-role="content">
            <div style=" text-align:center">
                <img style="width: 300px; height: 43px" src="http://www.jimand.se/explore/images/logoblue.png" />
            </div>
            <ul data-role="listview" data-divider-theme="a" data-inset="true">
                <li data-role="list-divider" role="heading">
                    Uppdrag
                </li>
                <li data-theme="d">
                    <a href="task1.html" data-transition="slide">
                        1
                    </a>
                </li>

这是我的第二页（task1.html）上的代码：

<div data-role="content"> 
<p>Ange l&ouml;senord</p>
<form id="login" action="" method="">
    <input name="pwtext" id="pwtext" placeholder="" value="" type="text" class="required" />
    <input type="submit" data-theme="b" data-icon="check" data-iconpos="left" value="Klicka h&auml;r" id="sendbtn" name="sendbtn" />
</form>

我的文档。已经在我的第二页上了：

$(document).ready(function(){

            $("#login").submit(function() {
                var emptyFields = $(":input.required").filter(function() {
                return !$.trim(this.value).length;
            });

            if(emptyFields.length) {
                $("#pwtext").css("background-color", "#ffff76");
                $("#pwtext").attr("placeholder", "Passeword required!");
            return false;
            }
            if ($('#pwtext').val() != 'llab') {
                $("#pwtext").css("background-color", "#ffff76");
                $("#pwtext").attr("placeholder", "Passeword required!");
                return false;
            }
            if ($('#pwtext').val() == 'llab') {
                $.mobile.changePage("#page2", "slideup");
                return false;
             }
            });

        });

这一切都可以在这里测试： http://jimand.se/explore/start.html pw：llab尝试我的表格

使用jQuery Mobile，输入字段与不同页面的行为不同

0 个答案: