1 
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 个字符或数字而不点击提交时得到结果

请帮我

编辑后

这是我的整个代码...如果我删除表它正在工作但使用此代码它不起作用请帮助我

4

3 回答 3

4

听起来像是 jQuery 的工作。就这么简单：

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

当然，您可能想要触发 ajax 请求而不是提交，但这取决于您...

于 2012-09-22T16:49:35.553 回答
0

在输入的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>​

工作示例

于 2012-09-22T16:42:24.223 回答
0

我认为使用 JavaScript（与 jQuery）将解决这个问题。如果您将 Javascript 按键事件处理程序附加到标记并使用它来计算输入的字符数。当计数达到 10 时，您可以使用 JavaScript 再次提交表单。

祝你好运。

于 2012-09-22T16:45:27.677 回答