admin管理员组

文章数量:1414605

I am creating an application in phonegap using the jQuery mobile framework.

In my index.html file I have a two text boxes to accept username and password.

When I click on the submit button it calls a function submitBtn() that checks whether the username and password is correct or not and if it is correct then it should load a new html file that I have created `selectOption.html'

here is my code

<script type="text/javascript">
    $(document).ready(function() {
        var userName;
        var userPassword;

        $("#submitBtn").click(function() {
            //alert("HI");       
            userName = $("#UserName").val();
            userPassword = $("#Password").val();

            if ((!UserName)|| (!userPassword)) {
                alert("Enter the Details");
            }
            else {
                if ((userName !="alpha") ||(userPassword !="beta")) {
                    alert('Enter correct username and password');
                }
                else {
                    //here i want to load my selectOption.html file ?
                }              
            }                                   
        });                           
    });
</script>

my code under <body> is

<body>
    <div data-role="page" id="home">         
        <div data-role="header">             
            <h1>Enter Credential</h1>                       
        </div>

        <div data-role="content">
            <label for="UserName">User Name</label>
            <input type="text" name="UserName" id="UserName" value="" style="width:220px;"  />

            <label for="Password">Password</label>
            <input type="password" name="Password" id="Password" value="" style="width:220px;"  />

            <div id="submitBtn" data-role="button">Submit</div>
        </div>  
    </div>
</body>

The function is getting called but how can I load the selectOption.html file?

I am creating an application in phonegap using the jQuery mobile framework.

In my index.html file I have a two text boxes to accept username and password.

When I click on the submit button it calls a function submitBtn() that checks whether the username and password is correct or not and if it is correct then it should load a new html file that I have created `selectOption.html'

here is my code

<script type="text/javascript">
    $(document).ready(function() {
        var userName;
        var userPassword;

        $("#submitBtn").click(function() {
            //alert("HI");       
            userName = $("#UserName").val();
            userPassword = $("#Password").val();

            if ((!UserName)|| (!userPassword)) {
                alert("Enter the Details");
            }
            else {
                if ((userName !="alpha") ||(userPassword !="beta")) {
                    alert('Enter correct username and password');
                }
                else {
                    //here i want to load my selectOption.html file ?
                }              
            }                                   
        });                           
    });
</script>

my code under <body> is

<body>
    <div data-role="page" id="home">         
        <div data-role="header">             
            <h1>Enter Credential</h1>                       
        </div>

        <div data-role="content">
            <label for="UserName">User Name</label>
            <input type="text" name="UserName" id="UserName" value="" style="width:220px;"  />

            <label for="Password">Password</label>
            <input type="password" name="Password" id="Password" value="" style="width:220px;"  />

            <div id="submitBtn" data-role="button">Submit</div>
        </div>  
    </div>
</body>

The function is getting called but how can I load the selectOption.html file?

  • javascript
  • jquery
  • jquery-mobile
  • cordova
Share Improve this question edited Jan 4, 2012 at 14:07 Rory McCrossan 338k41 gold badges320 silver badges351 bronze badges asked Jan 4, 2012 at 13:50 Ajeet Pratap MauryaAjeet Pratap Maurya 4,2643 gold badges30 silver badges46 bronze badges 1
  • When you say "load another file", do you mean "redirect to another file"? – CedX Commented Jan 4, 2012 at 14:01
Add a ment  | 

2 Answers 2

Reset to default 5

Have you tried using the jQuery Mobile method to perform navigation?

$.mobile.changePage("newpage.html");

http://jquerymobile./demos/1.0/docs/api/methods.html

I found the answer

to load any page you can simply do

$.mobile.changePage("yourHTML.html","slideup");

本文标签： javascripthow to load an another html file on a button click in jquery mobileStack Overflow

版权声明：本文标题：javascript - how to load an another html file on a button click in jquery mobile - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1745161172a2645446.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。