0
基本的に私はそのフォームの中にテキストボックスと送信ボタンがあります。ユーザータイプを何か入力するとテキストボックス値を出力することができます私はそれを試してみた方法を完璧に動作しますが、私はHTMLとスクリプトコードをコピーして、それを私のエディタをパットし、実行したとき、それが全く機能していない、私のブラウザの谷のリンクhttps://codepen.io/jnnkm/pen/WxWqwX?editors=1111、ここJavaScriptのajaxでテキストボックスの値を出力する方法
は次のとおりです。
<!DOCTYPE HTML>
<html>
<head>
<script src="JquerySock.js"></script>
<script>
function postUsernameToServer() {
console.log('executed function')
var username = $("#Registeration_Username_box").val();
console.log(username);
}
$('#Registeration_Username_box').on('input', function() {
console.log('excuted input');
postUsernameToServer();
});
</script>
</head>
<body>
<div id="Registeration_Div" class="Registeration_Div">
<form class="Registration_Form" id="Registration_Form" action="../postr" method="POST">
<div id="Registeration_Username_DIV" class="Registeration_Username_DIV">
<input type="text" id="Registeration_Username_box" class="Registeration_Username_box" placeholder="" name="UserName" maxlength="30" />
</div>
<div class="Registration_Submit_Div">
<input type="submit" value="Submit" id="SumbitForm_btn" class="SumbitForm_btn" name="Submit_btn" />
</div>
</form>
</div>
</body>
</html>
あなたも自分で試してみることができますが、それは私のために働いていませんでした。
'JquerySock.js'をインクルードする前にjQueryライブラリをインクルードする必要があるようです。 – rdubya