0 
function set(){
if ($.mobile.activePage.attr('id')=="setpage"){
    $("a[data-icon='gear']").attr("class","ui-btn ui-btn-inline ui-btn-icon-top ui-btn-up-a");
}
else{       
    $.mobile.changePage("set.html");   
}
}
set.js:
function setuser(){return false;}
set.html:
<!DOCTYPE HTML>
<html>
<head>

<meta name="viewport" charset="UTF-8" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" href="css/jquerymobile.css" />
<script src="js/jquery.js"></script>
<script src="js/jquerymobile.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-2.3.0.js"></script>
<script src="js/main.js"></script> 
<link rel="stylesheet" href="themes/b.min.css"/>
<script type="text/javascript" src="PushNotification.js"></script>
<script type="text/javascript" src="js/set.js"></script>
</head>

<body>

<div id="setpage" data-theme="b" data-role="page">

<div class="header" style="z-index: 100; position: fixed; top: 0; left:0; right:0;" data-role="header" >

    <a data-iconpos="notext" data-icon="arrow-l" onclick="some()"></a>
    <p class="logo" align="center">Studio Dottor Ragionier Rossi</p>
</div>

<div class="some" style="border: none;" data-theme="b" data-role="content"> 
<form onsubmit="setuser()" autocomplete="off" id="userForm">
    <div style="border-style: none;" data-role="fieldcontain" class="ui-hide-label">
        <label for="username1">Compili i campi per cambiare username</label>
        <input autocomplete="off" type="text" name="username1" id="username1" value="" placeholder="Username attuale" />
    </div>
    <div style="border-style: none;" data-role="fieldcontain" class="ui-hide-label">
        <label for="username3"></label>
        <input autocomplete="off" type="text" name="username3" id="username3" value="" placeholder="Username nuovo" />
    </div>
    <input type="submit" value="Invio" id="submituser">
</form>

</div>
<div id="zen" class="modal"><!-- Place at bottom of page --></div>
<div style="background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #c4c4c4 )); z-index: 100; position:fixed; bottom: 0; left:0; right:0;"   data-role="footer" >
      <div data-role="navbar">
      <ul>
          <li><a data-icon="home" onclick="home()">Home</a></li>
      <li><a data-icon="info" onclick="contatti()">Contatti</a></li>
          <li><a data-icon="gear" onclick="set()">Impostazioni</a></li>
          </ul>
  </div><!-- /navbar -->
</div>

</body>
</html>

送信後に更新されるのはなぜですか? jquery と jqm を使用していますが、この問題を解決できません。アプリの最初のページでは、ログインに同じコードを使用し、正しく動作します。ナビゲーションバーのリンクからこのページに来ました

4

2 に答える 2

0

onclickで関数を呼び出してみてください

ここにコードがあります

     <script>
     function setuser(){ 
         $.ajax({
                 url:"  ", // specify the url here
                 type:"  ", // specify which method "POST" request or "GET"
                 data:$("#userForm").serialize(),
                 success:function(result){
                 alert(result);
                }
});
     }
     </script>
        <form autocomplete="off" id="userForm">
            <div style="border-style: none;" data-role="fieldcontain" class="ui-hide-label">
                <label for="username1">Compili i campi per cambiare username</label>
                <input autocomplete="off" type="text" name="username1" id="username1" value="" placeholder="Username attuale" />
            </div>
            <div style="border-style: none;" data-role="fieldcontain" class="ui-hide-label">
                <label for="username3"></label>
                <input autocomplete="off" type="text" name="username3" id="username3" value="" placeholder="Username nuovo" />
            </div>
            <input type="button" value="Invio" id="submituser" onclick="setuser()"/>
        </form>
于 2013-08-23T14:17:44.863 に答える
0

この行を変更する必要があります。

<form onsubmit="setuser()" autocomplete="off" id="userForm">

これに：

<form onsubmit="return setuser();" autocomplete="off" id="userForm">

function setuser()を返すだけなので、それをどうするかを知る必要がありfalseます。それ以外の場合は、コマンドではなく値として扱います。onsubmitfalse

jquery を使用すると、次のようなイベント リスナーを作成できます。

// Target your form and add event listener
$('#userForm').on('submit', function(e){

    // Stop form from submitting
    e.preventDefault();

});

編集：

<script>
function setuser(){
    return false;
}
</script>
<form onsubmit="return setuser();" autocomplete="off" id="userForm">
于 2013-08-23T14:16:37.183 に答える