Asp.net based JQuery Mobile - basic login form is not working

Hi all

i'm just getting used to using jquery and thought I'll try a very simple example

I'm going to be building this on asp.net web forms (will move to MVC in the future but not right now)

i have a very simple html form but it does not simple to be working

the code is below

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<link rel="Stylesheet" href="Assets/jquery.mobile-1.0a3.min.css" />
<script src="Assets/jquery-1.5.min.js"></script>
<script src="Assets/jquery.mobile-1.0a3.min.js" ></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Login</h1>
<a href="/" class="ui-btn-right">Cancel</a>
</div>
<div data-role="content" data-inset="true">
<form action="/Default.aspx" method="POST">
<fieldset>
<label for="email">Email:</label>
<input type="email" name="email" id="email" value="" />
<label for="password">Password:</label>
<input type="password" name="password" id="password" value="" />
<input id="Submit1" type="submit" value="Login" data-role="button" data-inline="true" data-theme="b" />
<hr />
Don't have a login? <a href="register.aspx">Sign Up</a>
</fieldset>
</form>
</div>
</div>
</body>
</html>

As you can see its very simple

if i put any external url in the action the page seems to work (i.e it goes to the external page)

if i put any internal page (i.e index.htm) i get either

Error Loading Page

or just a continuous Loading image

anyone got any ideas why this is happening :-(

Topic Participants