Der Eingang Lese-Scan erscheint kurz und wird dann sofort zurückgesetzt. Wie behebe ich das?

Ich kann nicht dieser Code-Block erhalten richtig funktioniert:Der Eingang Lese-Scan erscheint kurz und wird dann sofort zurückgesetzt. Wie behebe ich das?

<script> 
     function Message(){ 
      document.getElementById("sname").innerHTML = document.getElementById("name").value; 
     } 
    </script> 
</head> 
<body> 
    <form> 
     <table> 
      <tr> 
       <td style="width:20%">User Name:</td> 
       <td><input type="text" id="name" name="name" /></td> 
      </tr> 
      <tr><td>Password:</td><td><input type="password" name="password"/></td></tr> 
      <tr> 
       <td style="text-align:right"> 
        <input type="submit" onclick="Message()"/> 
       </td> 
      </tr> 
     </table>  
    </form> 
    <div> 
     <p>Hi <span id="sname">0</span></p> 
    </div> 
</body>

Quelle

2016-06-18 Orphan_Crippler

Das ist ein Absenden-Button. – PHPglue

Versuchen Sie, diese

</head> 
<body> 
<form onsubmit="event.preventDefault();"> 
    <table> 
      <tr> 
       <td style="width:20%">User Name:</td> 
       <td><input type="text" id="name" name="name" /></td> 
      </tr> 
      <tr><td>Password:</td><td><input type="password" name="password"/></td></tr> 
      <tr> 
       <td style="text-align:right"> 
        <input type="submit" onclick="Message()"/> 
       </td> 
      </tr> 
    </table>  
</form> 
<div> 
<p>Hi <span id="sname">0</span></p> 
</div> 

<script> 
function Message(){ document.getElementById("sname").innerHTML =  document.getElementById("name").value; return false;} 

</script> 
</body>

Quelle

2016-06-18 23:35:50 NEER

Das ist ein Submit-Button ist. Stelle stattdessen type='button' her.

Quelle

2016-06-18 23:36:40 PHPglue

Lösung # 1

function Message(){ 
 
event.preventDefault(); 
 
document.getElementById("sname").innerHTML = document.getElementById("name").value; 
 
}

<form> 
 
     <table> 
 
       <tr> 
 
        <td style="width:20%">User Name:</td> 
 
        <td><input type="text" id="name" name="name" /></td> 
 
       </tr> 
 
       <tr><td>Password:</td><td><input type="password" name="password"/></td></tr> 
 
       <tr> 
 
        <td style="text-align:right"> 
 
         <input type="submit" onclick="Message()"/> 
 
        </td> 
 
       </tr> 
 
     </table>  
 
    </form> 
 
    <div> 
 
    <p>Hi <span id="sname">0</span></p> 
 
    </div>

Lösung # 2 Sie nur Taste statt Eingabe verwenden können.

function Message(){ 
 
document.getElementById("sname").innerHTML = document.getElementById("name").value; 
 
}

<form> 
 
     <table> 
 
       <tr> 
 
        <td style="width:20%">User Name:</td> 
 
        <td><input type="text" id="name" name="name" /></td> 
 
       </tr> 
 
       <tr><td>Password:</td><td><input type="password" name="password"/></td></tr> 
 
       <tr> 
 
        <td style="text-align:right"> 
 
         <button type="button" onclick="Message()"/>Click me</button> 
 
        </td> 
 
       </tr> 
 
     </table>  
 
    </form> 
 
    <div> 
 
    <p>Hi <span id="sname">0</span></p> 
 
    </div>

Hoffe, es hilft!

Quelle

2016-06-18 23:38:31 HenryDev

Der Eingang Lese-Scan erscheint kurz und wird dann sofort zurückgesetzt. Wie behebe ich das?

Antwort

Verwandte Themen