onclickのJSPページにボタンからJavaScript関数を呼び出す方法を

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 
     pageEncoding="ISO-8859-1"%> 
     <%@page import="java.util.Map" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
    <title>Login page</title> 
    </head> 
    <body> 
    <link rel="stylesheet" type="text/css" href="css/login.css"/> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 

    <form action="LoginS" method="post"> 
     <button type="submit" onclick="javascript:MyFunction();">Login</button> 
     <div class="container" style="background-color:#f1f1f1"> 
     <button type="button" class="cancelbtn">Cancel</button> 
     <span class="psw">Forgot <a href="#">password?</a></span> 
     </div> 

     <script type="text/javascript"> 
    MyFunction(){ 
       alert("java Script"); 
    } 
    </script> 
    </form> 
    </body> 
    </html>

以上は、私はJavaScriptのsubmitボタンonclick()イベントから関数が、その示す何を呼び出すしようとしている私のコードです。コードで間違っていますか？onclickのJSPページにボタンからJavaScript関数を呼び出す方法を

ボタンをクリックしても何も起こりません。テキストボックスの文字列値をコンソールに出力します。

出典

2016-12-19 Panky031

ここで、関数を呼び出す部分はありますか？また正しいjavascript関数の構文は 'function MyFunction（）{}' –

です。申し訳ありませんが、私は今見逃しています。 – Panky031

それは今働いています：私はこのようにスクリプトコードを変更しました： – Panky031

コードにテキストボックスがないため、コードを動作させて「Javaスクリプト」を印刷するためにいくつかの変更を加えました:)また、コードにテキストボックスを追加して、あなたのためのサンプルとしての価値。

ログインボタンのタイプを「ボタン」に変更し、MyFunctionを関数として定義しました。

私はまた、それをテストするためにfiddleとしました。

<form action="LoginS" method="post"> 
    <button type="button" onclick="javascript:MyFunction()">Login</button> 
    <input id="text-box"/> 
    <div class="container" style="background-color:#f1f1f1"> 
     <button type="button" class="cancelbtn">Cancel</button> 
     <span class="psw">Forgot <a href="#">password?</a></span> 
    </div> 

    <script type="text/javascript"> 
     MyFunction = function(){ 
      console.log("java Script"); 
      console.log(document.getElementById("text-box").value); 
     } 
    </script> 
</form>

出典

2016-12-19 13:09:54

onclickのJSPページにボタンからJavaScript関数を呼び出す方法を

答えて

関連する問題