添加收藏
 系统管理
 联系方式
  汉南在线网页设计JavaScript脚本

JS让文本框支持回车提交表单
作  者:匿名
关键字:表单



页面上有一个文本框,一个图片(img),当点击图片时把文本框中的内容转到另一页面进行搜索,并把结果显示出来,现在要作的是在文本框中输入完内容后,点击回车也让程序把文本框中的内容转到另一页面进行搜索,并把结果显示出来.

注意:文本框和图片框都是HTML控件!

JS代码如下:

<script type ="text/javascript">
    function String.prototype.Trim()   {return   this.replace(/(^\s*)|(\s*$)/g,"");}   //去掉前后空格
    //点击搜索那张图片时调用
    function ToHunt()
    {
        if (document.getElementById("Text1").value == "")
        {
            alert('请输入要搜索的内容!')
        }
        else
        {
            window.parent.location.href='CommodityToHunt.aspx?text=' + escape(document.getElementById("Text1").value.Trim());
        }
    }
    //在文本框中打回车时调用
    function enterkey()
    {
        if (event.keyCode == 13)
        {
            event.returnValue = false;
            document.all("img_dd").click();
        }
    }
</script>

页面代码片段如下:

        <td width="119" align="left" background="images/a-25.gif">
                <input id="Text1" style ="width:100px" type="text" onkeypress="enterkey(img_dd)"/>

        </td>
        <td width="88" align="left" background="images/a-25.gif">

               <img id ="img_dd" src="images/a-27.gif" width="54" height="18" onclick ="ToHunt()" style ="cursor:hand" />

       </td>



来源:网络
阅读:26
日期:2008-8-29

【 双击滚屏 】 【 推荐朋友 】 【 收藏 】 【 打印 】 【 关闭 】 【 字体: 】 
上一篇:JavaScript验证表单函数大全
下一篇:把网页中的电话号码生成图片的ASP程序

  >> 相关文章
 
  ·JavaScript验证表单函数大全
  ·使用JavaScript实现自动添加任意数量的表单内容
  ·表单验证类
  ·JSP超强Filter,在提交表单中防止注入攻击+过滤HTML标签+过滤javascript
  ·JavaScript 判断表单输入内容
  ·Javascript验证表单
  ·ASP动态生成的javascript表单验证代码

5.12汶川大地震遇难同胞默哀 | 汉南在线总站 | 网站建设 | BT电影下载 | 汉南在线博客 | 流行购商城

授权使用:汉南在线 http://hnzx.hzwz.net/
经营许可证:陕ICP备05000109号 Powered by:汉南在线  
Copyright (c) 2002-2008 汉南在线. All Rights Reserved .