0
基本上我有一个窗体里面那个窗体我有一个文本框和一个提交按钮,现在我想要的是当用户输入文本框输入文本框的值时,我发现这个链接https://codepen.io/jnnkm/pen/WxWqwX?editors=1111其工作只是完美的,但是当我复制的HTML和脚本代码和推杆是我的编辑器,并运行它槽我的浏览器,它并没有在所有工作,如何在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