javascript - 表单搜索 Onkeyup 事件-6ren

javascript - 表单搜索 Onkeyup 事件

转载作者：行者123 更新时间：2023-11-28 02:32:21

25

4

我有一个表单，当我在文本字段中输入完第 10 个字符时，表单应自动搜索，但下面的代码正在搜索我在文本字段中输入的每个 n 个字符。。。我只想要完成第 10 个字符后的结果，而不是每个 n 个字符的结果。。我已经使用了 onkeyup 事件，并将该值设置为 10，但它仍然在搜索每个 n 个字符...请帮助我

<body OnKeyPress="return disableKeyPress(event)">
<section id="content" class="container_12 clearfix" data-sort=true>
    <center><table class='dynamic styled with-prev-next' data-table-tools='{'display':true}' align=center>
        <script>
        function disableEnterKey(e)
        {
            var key;      
            if(window.event)
                key = window.event.keyCode; //IE
            else
                key = e.which; //firefox      

            return (key != 13);
        }

        function showUser(str)
        {

            if (str=="")
            {
                document.getElementById("txtHint").innerHTML="";
                return;
            } 
            if (window.XMLHttpRequest)
            {// code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp=new XMLHttpRequest();
            }
            else
            {// code for IE6, IE5
                xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange=function()
            {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                {
                    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
                }
            }
            xmlhttp.open("GET","resdb.php?id="+str,true);
            xmlhttp.send();
        }
        </script>

        <script type='text/javascript'>
        //<![CDATA[ 
        $(window).load(function(){
            $('#id').keyup(function(){
                if(this.value.length ==10)
            });
        });//]]>  

        </script>



        <form id="form" method="post" name="form" >
            <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>
            <td><p align="center"><b>Last Date for RC/RV : 8th August 2012</b></p></td>
            <tr><td><p align="center"></b> <input type="text" onkeyup="showUser(this.value)"   onKeyPress="return disableEnterKey(event)" data-type="autocomplete"  data-source="extras/autocomplete1.php" name="id" id="id" maxlength="10" placeholder="Hall-Ticket Number">&emsp;</p></td></tr>
        </form>
    </center>
</table>
<center>
    <div id="txtHint"><b>Results will be displayed here</b></div>
</center>
</body>

最佳答案

这是一个想法，因为您的代码正在运行。这样做。首先检查您的文本字段是否超过 10 个字符。 onkeyup 调用 fnc()

function fnc()
 {
  length=document.getElementById("atext").value.length;
  if(length==10)
  {
      callyourajaxfunction()
   }


}

关于javascript - 表单搜索 Onkeyup 事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13945832/

25

4

0

文章推荐： javascript - Canvas 旋转逆 X

文章推荐： javascript - 开始使用backbone.js

文章推荐： javascript - 从 Mongoose 获取现有的嵌入文档

文章推荐： javascript - Opera 中的 document.hasFocus？

javascript - $.validator.setDefaults({ onkeyup : false }) to disable MVC3 onKeyup for Remote attribue 放在哪里
关于如何禁用 MVC3 远程验证器具有的 onKeyup 设置，我看到了很多答案。我看到的回复是输入这个: $.validator.setDefaults({ onkeyup: false }); 但
Javascript onKeyUp
所以我正在为历史课制作模拟版本的谷歌审查制度。我试图让搜索在按回车键后开始工作，但到目前为止，我得到的只是对我输入的第一个字母的搜索。有什么建议么？ HTML代码: Jav
jQuery onkeyup 方法未定义
据说 onkeyup 方法没有定义，但是，该方法是我的 ide 自动推荐给我的。当我在 chrome 开发工具中查看错误时，出现错误 Uncaught TypeError: Object [objec
Javascript onkeyup 延迟函数调用
这个问题在这里已经有了答案: How to delay the .keyup() handler until the user stops typing? (28 个回答) 关闭6年前. 我想创建一个
JavaScript 无法将现有函数应用于 onkeyup
我有一堆 HTML 数字输入，我已经通过以下方式获取了它们 x=document.querySelectorAll('input[type="number"]'); 然后，我尝试使用 for 循环对其
javascript - 输入值更改后从脚本触发 onKeyUp
我有一些输入字段，它们使用 onKeyUp="script" 在输入内容时返回数据。作为一种快捷方式，我希望能够在从另一个位置输入数据并触发脚本时向其中一个字段添加值。我可以使用 document
Javascript onkeyup 有时会被触发两次
出于某种原因，对于 IE9 上的某些人来说，我的 onkeyup 似乎被触发了两次。我当前的函数如下所示: document.getElementById("chatboxtextarea").on
javascript - onkeyup 根据出生日期获取年龄
我创建脚本在 keyup 上按出生日期获取年龄，但是我有个问题。因为，当我打字时示例:我输入:1955-11-13 此结果显示 NaN 这是我的脚本: $(document).read
jQuery:函数等于 onkeyup =""
jquery中有没有等于onkeyup=""的函数我已经找到了change()，但是这只在模糊时执行警报，我希望它像实时搜索一样，当你写“a”(想要写anton)时，它应该执行该函数。所以当你写5时
jQuery 验证器不验证 onkeyup
在阅读了一堆问题并对其应用“解决方案”后，我发现 jQuery 验证器未验证 onkeyup。默认情况下，应该如此。我通过下载新文件来确保源代码没有被修改，什么都没有。版本:jquery 1.10.
jquery - onKeyUp 触发过早
我在 jquery 函数中有以下 if 语句，由文本输入字段中的 onKeyUp 触发 if ( famcount 10 ){ alert('number too large.'); } 问
ExtJS 关闭字段验证 onkeyup
我有一个 ExtJS 组合框，这是一个必填字段，但我不希望在我尝试提交表单之前显示必填字段错误消息。现在，它似乎发生在 keyup 上。我已将 validateOnBlur 设置为 false，但它仍
jquery - onkeyup 不工作
我的预期输出是当我在输入文本字段中输入时，我会在第三个文本字段上得到即时总和如果我在第一个文本字段中输入 3 并且按键已按下，则 3+0=3 必须立即显示在第三个字段上但没有显示任何结果
jQuery CKEditor onKeyup
我知道这个问题已经被问了很多次 - 但我找到的所有答案都很旧，而且似乎不起作用(至少对我来说)。我使用以下代码从输入框进行实时预览 $('#attractionName').on('keyup',
javascript - onKeyUp 验证
我需要在 keyup 和 onsubmit 上进行验证。我有一个名为 CVV 的字段，它接受 3 位或 4 位数字，所以我使用的是“^(d){3,4}$”。当我在 onsubmit 函数中执行此模式时
javascript - 确定用户按下键后的时间量(onKeyUp)
我正在尝试确定用户按下某个键后的时间量(秒)。这是一个输入框的值。我想在文本框的值发生变化时实用地调用 updateData 函数，但仅在 onKeyUp 的特定持续时间之后。我目前正在检查 va
JavaScript:onkeyup() 的原始目标
我有一个包含许多动态插入范围的 contentEditable 字段。当我使用 onclick() 事件中的 getTarget() 时，我将目标作为相应的跨度，但使用 onkeyup() 和 on
Javascript onkeyup 用户定义函数
到目前为止我做得很好，但我无法将其实现到 html 对象中。 http://jsfiddle.net/fkyk2b8y/48/ 假设我有一个像这样的 html 元素我想这样实现: function
javascript - onkeyup 事件触发延迟
我有一个供人们输入用户名的输入文本框，它有一个附加的 onkeyup 事件属性，它会触发 AJAX 请求以检查用户名是否已被占用。第一个键到第二个键之间的延迟是多少？意思是如果我一个接一个地输入一个
JavaScript onkeyup 驼峰与小写
我似乎没有找到哪个版本的“onkeyup”是正确的: 驼峰式:onKeyUp 或小写:onkeyup [更新] http://www.w3.org/TR/html4/intro/sgmltut.ht

首页

博学

6Ren·AI

商城

javascript - 表单搜索 Onkeyup 事件