form submit on iPhone 3G won't work
Hello all,
i am really getting frustrated. The following HTML- form submit code won't work on iPhone 3G (iOS 4.2.1). For now I have no idias why. Tried also some suggestions fount with google, but it just won't work.
fyi:
- The same code work fine on iOS6, Android, and desktop browsers
- js alert does work on iPhone 3G (iOS 4.2.1) (tested it with simple a href)
What I already tried:
- update to newest jquery-mobile
- get form by submit
- get form by name
Do anyone of you have any idea what is wrong?
Thank u very much for help!
-
|
<!DOCTYPE html> |
|
<html xmlns="http://www.w3.org/1999/xhtml"> |
|
<head> |
|
<title>EasyPay</title> |
|
<meta name="refresh" http-equiv="Refresh" /> |
|
<meta name="description" /> |
|
<meta name="author" /> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" /> |
|
<script src="js/libs/jquery-1.9.1.min.js"></script> |
|
<script src="js/libs/jquery.mobile-1.3.1.js"></script> |
|
<script type="text/javascript"> |
|
$(document).ready(function(){ |
|
$( "form" ).on( "submit", function( event ) { |
|
alert('test'); |
|
|
|
}); |
|
$("#login-form-cancel").submit(function(){ |
|
alert('test'); |
|
|
|
}); |
|
|
|
}); |
|
</script> |
|
</head> |
|
<body> |
|
<div data-role="page" data-theme="a"> |
|
<div data-theme="a" data-role="header"></div> |
|
|
|
<div data-role="content"> |
|
<div class="content-main"> |
|
<div id="error-message"></div> |
|
<div id="login-msg-phone"></div> |
|
<label class="ui-text" for="mini">login</label> |
|
<fieldset> |
|
<form name="login-phone" id="login-form-phone"> |
|
<input name="msisdn" id="login-username" type="text" placeholder="Your phone number" /> <input data-icon="arrow-r" data-iconpos="right" type="submit" id="login-submit-phone" value="Weiter" /> |
|
</form> |
|
<form name="login-cancel" id="login-form-cancel"> |
|
<input data-icon="delete" data-iconpos="right" data-theme="b" type="submit" id="login-submit-cancel" value="Abbrechen" /> |
|
</form> |
|
</fieldset> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
|
|
</body> |
|
</html> |