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

JavaScript（jQueryを使用）を使用すると、これを解決できると思います。Javascriptキープレスイベントハンドラーをタグにアタッチし、これを使用して入力された文字数をカウントする場合。カウントが10に達すると、JavaScriptを使用してフォームを再度送信できます。

これで頑張ってください。

于 2012-09-22T16:45:27.677 に答える
0

入力のキーアップでコールバックを書き込み、値の長さが 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 に答える