如何獲得自動submiting形式在表單字段

This is my code 



<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 

<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script> 

<link rel="stylesheet" type="text/css" href="/css/normalize.css"> 
<link rel="stylesheet" type="text/css" href="/css/result-light.css"> 

<style type='text/css'> 


</style> 
<html> 
<script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('itd362bk84w5', '')</script> 
</html><title>EngineersHub Results Portal-It's OU & JNTU Here-Powered by Sparcsis</title> 
<head background="hmm.png" id="header"> 
<center><img src="hmm.png" width="920" height="180"></img></center> 
<link rel="stylesheet" href="ress1.css" media="screen" type="text/css" /> 
<style type="text/css"> 
.alignCenter{text-align: center;} 
.alignLeft{text-align: left;} 
.alignRight{text-align: right;} 
.alignTopLeft{text-align: left; vertical-align: top;} 
.alignBottomLeft{text-align: left; vertical-align: bottom;} 

</style> 




<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){ 


});//]]> 

</script> 


</head> 
<body> 
<body background="hmm.png"> 
      </td></tr></td></br> 
<center><table id='mytable' cellspacing='0' border=3 align=center> 

<form id="form" action="" method="post" name="result" style="align:center;"> 
<tr><td><p align="center"><font size="3"><b>JNTUH - B.Tech IV Year II Semester (R07) Advance Supplementary Results - July 2012</b></font></p></td></tr> 
<tr><td><p align="center"><b>Last Date for RC/RV : 8th August 2012</b></p></td></tr> 
<td><p align="center">Hall Ticket No :</b> <input type="text" name="id" id="id" maxlength="10" autofocus="autofocus" "></p></td> 


<tr> <td align="center" colspan="3"> 
<script type="text/javascript"> 
(function (d) { 
d.getElementById('form').onsubmit = function() { 
d.getElementById('submit').style.display = 'block'; 
d.getElementById('loading2').style.display = 'block'; 
}; 
}(document)); 
</script> 

<div id="loading2" style="display:none;"><img src="loading.gif" width="50" height="50" alt="" /></br><font color="black">Processing...All the Best</font> </div> 
<input type="submit" id="submit" class='btnExample' value="Click here to get your Result"> </td></tr> 
</form></br> 
</table></center> 

<script> 
$("#id").keyup(function(){ 
    if($(this).val().length == 10) 
     $('#form :submit').click(); 
}) 
</script> 


</body> 


</html>

輸入10個字符或數字在這種形式下，用戶將進入10個數字或字符，那麼他點擊提交即可得出結果後，如何獲得自動submiting形式在表單字段

但我想使用戶得到結果，當他進入同列第10字符或數字點擊提交

請幫我

編輯後

這是我的整個代碼...如果我刪除表是工作，但與此代碼它不工作，請幫我

來源

2012-09-22 EngineersHub EH

寫上輸入KEYUP回調，檢查是否值具有長度10，提交表單..

<form id="form" action="#" method="post" name="result" style="align:center;"> 
    <td> 
     <p align="center">Hall Ticket No :</p> 
     <input type="text" name="id" id="input_field" maxlength="10" autofocus="autofocus" /> 
    </td> 
    <td> 
     <input type="submit" id="submit" class='btnExample' value="Click here to get your Result"> 
    </td> 
</form> 

<script> 
    $("#input_field").keyup(function(){ 
     if($(this).val().length == 10) 
      $('#form :submit').click(); 
    }) 
</script>

Working Example

來源

2012-09-22 16:42:24

我不擅於編碼，將ü請給我的代碼，如果你不介意請 –

那麼你在錯誤的領域..學習編碼.. – Baz1nga

我做了一個工作的例子給你.. –

我認爲使用JavaScript（用jQuery）會解決這個問題之一。如果您將JavaScript鍵按事件處理程序附加到標記並使用它來計算輸入的字符數。當計數達到10時，您可以使用JavaScript再次提交表單。

祝你好運。

來源

2012-09-22 16:45:27

聽起來像jQuery的工作。有了它是如此簡單：

$(document).ready(function() { 
    $("#id").keyup(function() { 
     if ($(this).val().length >= 10) { 
      $("#form").submit(); 
     } 
    }); 
};

當然，你可能要解僱一個Ajax請求不提交，的但是這取決於你...

來源

2012-09-22 16:49:35 markz

如何獲得自動submiting形式在表單字段

回答

相關問題