Foxtable(狐表)用户栏目专家坐堂 → [原创]关于网页版按纽submit提交模式


  共有1275人关注过本帖树形打印复制链接

主题:[原创]关于网页版按纽submit提交模式

帅哥哟,离线,有人找我吗?
hnguang
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:二尾狐 帖子:521 积分:4714 威望:0 精华:0 注册:2016/12/17 11:51:00
[原创]关于网页版按纽submit提交模式  发帖心情 Post By:2024/8/15 8:51:00 [只看该作者]


图片点击可在新窗口打开查看此主题相关图片如下:qq20240815-084325.png
图片点击可在新窗口打开查看
如图,这是一个网页录入页面,怎样可以在第一个文本框按下ENTER时不提交数据而时将焦点跳到第二个文本框,只要按下确定是才提交数据

 回到顶部
帅哥,在线噢!
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110769 积分:563777 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2024/8/15 9:19:00 [只看该作者]

Select Case e.Path
    Case "test.htm"
        Dim wb As New weui
        wb.AddForm("", "form1", "test.htm")
        With wb.AddInputGroup("form1", "ipg1", "登录")
            .AddInput("xm", "户名", "text").Attribute = "onkeydown=""next('pw')"""
            .AddInput("pw", "密码", "text").Attribute = "onkeydown=""next('qt')"""
            .AddInput("qt", "其它", "text")
        End With
        With wb.AddButtonGroup("form1", "btg1", True)
            .Add("btn1", "确定", "button").Attribute = "onclick=""submitAjaxForm('form1','',false);"""
            .Add("btn5", "主页", "", "http://www.foxtable.com") 
        End With
        wb.AppendHTML("<script src='./lib/ajaxform.js'></script>") '引入脚本文件
        e.WriteString(wb.Build) '生成网页
End Select

ajaxform.js-------------
function next(id) {
  if (event.key === 'Enter') {
    event.preventDefault();
    document.getElementById(id).focus();
  }
}

 回到顶部