JavaScript自動提交表單不起作用
[英]Javascript auto submit form not work
問題描述
我的代碼有問題..我希望在填寫長度為10位數字的文本框后使其自動提交。
這是我的JavaScript代碼
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$("#idnya").on("input propertychange", function()
{
if($(this).val().length ==15){
$("#max").submit()
}
});
</script>
</script>
這是我的PHP代碼
<?php
include "koneksi.php";
echo"
<body>
<form id=max name='cingcing' action='lanjut.php' method='POST'>
<center>
<table>
<tr>
<td colspan=2> <center> id </center> </td>
</tr>
<tr>
<td> id number </td> <td> <input type=password id='idnya' name='idnya2'> </td>
</tr>
</center>
</form>
</body>
";
?>
4 個解決方案
解決方案1
6 已采納 2014-11-03 07:51:23
在文檔“就緒”之前，無法安全地操縱頁面。 我認為您忘記了ready功能。 並且要檢查長度，您可以如下綁定keyup事件。
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
$("#idnya").on("keyup",function(){
if($(this).val().length == 10){
$("#max").submit();
}
});
});
</script>
解決方案2
0 2014-11-03 07:27:26
這可能對你有幫助
<?php
include "koneksi.php";
echo "
<html><head></head>
<body>
<form id=max name='cingcing' action='lanjut.php' method='POST'>
<center>
<table>
<tr>
<td colspan=2> <center> id </center> </td>
</tr>
<tr>
<td> id number </td> <td> <input type=password id='idnya' name='idnya2'> </td>
</tr>
</table>
</center>
</form>
</body>
</html>";
?>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$("#idnya").on("input propertychange", function()
{
if ($(this).val().length == 15) {
$("#max").submit()
}
});
</script>
解決方案3
0 2014-11-03 07:28:26
只需使用此更改腳本
$("#idnya").on("input propertychange", function()
{
if($(this).val().length ==10){
$("#max").submit()
}
});
</script>
解決方案4
0 2014-11-03 07:33:02
JSFIDDLE演示是在這里進行keyup或更改
$("#idnya").keyup(function()
{
if($(this).val().length ==15){
$("#max").submit()
}
});
//或者使用USE CHANGE，當您專注於離開時它將運行
$("#idnya").change(function()
{
if($(this).val().length ==15){
$("#max").submit()
}
});
JavaScript-自動提交表單
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.