Foxtable(狐表)用户栏目专家坐堂 → [求助]关于移动开发radio控件的验证


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

主题:[求助]关于移动开发radio控件的验证

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


加好友 发短信
等级:婴狐 帖子:9 积分:167 威望:0 精华:0 注册:2017/5/17 16:59:00
[求助]关于移动开发radio控件的验证  发帖心情 Post By:2017/5/17 17:01:00 [只看该作者]

比如页面中有2个RADIO单选框,如何设置使得
2个RADIO都选择值后方可提交,如未选择完整则自动跳转到对应的RADIO ?

 回到顶部
帅哥哟,离线,有人找我吗?
有点色
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:13837 积分:69650 威望:0 精华:0 注册:2016/11/1 14:42:00
  发帖心情 Post By:2017/5/17 18:22:00 [只看该作者]

页面代码

 

Select Case e.Path
    Case "test.htm" '首页
        Dim wb As New weui
        wb.AddForm("","form1","test.htm").attribute = "onsubmit='return test()'"
        With wb.AddRadioGroup("form1","rdg1","浏览器")
            .Add("ie1","Intenet Explorer")
            .Add("gc1","Google Chorme") '默认勾选
            .Add("ff1","FireFox")
        
        End With
        With wb.AddRadioGroup("form1","rdg2","浏览器")
            .Add("ie2","Intenet Explorer")
            .Add("gc2","Google Chorme") '默认勾选
            .Add("ff2","FireFox")
        
        End With
        With wb.AddButtonGroup("form1","btg1",True)
            .Add("btn1", "确定", "submit")
        End With
        wb.AppendHTML("<script src='./lib/test.js'></script>") '引入脚本文件
        e.WriteString(wb.Build) '生成网页
End Select

 

test.js代码

 

function test() {
 var v1 = getRadioValue("rdg1");
 var v2 = getRadioValue("rdg2");
 if(v1 == "") {
  alert("请选择1");
  document.getElementById("ie1").focus();
  return false;
 }
 if(v2 == "") {
  alert("请选择2");
  document.getElementById("ie2").focus();
  return false;
 }
 return true;
}

function getRadioValue(name) {
 var rdg = document.getElementsByName(name)
 for (var i=0;i<rdg.length;i++){ //遍历Radio
     if(rdg[i].checked){
  return rdg[i].value;
     }
 }
 return "";
}

[此贴子已经被作者于2017/5/18 16:44:29编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
一一的爸爸
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:婴狐 帖子:9 积分:167 威望:0 精华:0 注册:2017/5/17 16:59:00
  发帖心情 Post By:2017/5/17 21:39:00 [只看该作者]

./lib/test.js  这个是放到D盘WEB目录么,运行无效啊

 回到顶部
帅哥哟,离线,有人找我吗?
有点色
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:13837 积分:69650 威望:0 精华:0 注册:2016/11/1 14:42:00
  发帖心情 Post By:2017/5/18 1:09:00 [只看该作者]

这段代码要加上,我测试没问题。

 

Dim fl As String = "d:\web\" & e.path
If
 filesys.FileExists(fl)
    Dim idx As Integer = fl.LastIndexOf(".")
    Dim ext As String  = fl.SubString(idx)
    Select Case ext
        Case ".jpg",".gif",".png",".bmp",".wmf",".js",".css" ,".html",".htm",".zip",".rar"
            e.WriteFile(fl)
            Return '
这里必须返回
    End Select

End
 If


 回到顶部
帅哥哟,离线,有人找我吗?
一一的爸爸
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:婴狐 帖子:9 积分:167 威望:0 精华:0 注册:2017/5/17 16:59:00
  发帖心情 Post By:2017/5/18 14:51:00 [只看该作者]

http://hr.wowu.ltd/test.htm

色版主 还是不行 卡这了 帮我看看啥情况。



 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:109489 积分:557107 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2017/5/18 15:14:00 [只看该作者]

js文件使用记事本打开,另存为,编码改为utf-8重新保存。

 回到顶部
帅哥哟,离线,有人找我吗?
一一的爸爸
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:婴狐 帖子:9 积分:167 威望:0 精华:0 注册:2017/5/17 16:59:00
  发帖心情 Post By:2017/5/18 15:36:00 [只看该作者]

不是这个原因,改过的。

 回到顶部
帅哥哟,离线,有人找我吗?
有点色
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:13837 积分:69650 威望:0 精华:0 注册:2016/11/1 14:42:00
  发帖心情 Post By:2017/5/18 16:44:00 [只看该作者]

 粘贴代码的时候,一些代码丢失了,改一下

 

Select Case e.Path
    Case "test.htm" '首页
        Dim wb As New weui
        wb.AddForm("","form1","test.htm").attribute = "onsubmit='return test()'"
        With wb.AddRadioGroup("form1","rdg1","浏览器")
            .Add("ie1","Intenet Explorer")
            .Add("gc1","Google Chorme") '默认勾选
            .Add("ff1","FireFox")
        
        End With
        With wb.AddRadioGroup("form1","rdg2","浏览器")
            .Add("ie2","Intenet Explorer")
            .Add("gc2","Google Chorme") '默认勾选
            .Add("ff2","FireFox")
        
        End With
        With wb.AddButtonGroup("form1","btg1",True)
            .Add("btn1", "确定", "submit")
        End With
        wb.AppendHTML("<script src='./lib/test.js'></script>") '引入脚本文件
        e.WriteString(wb.Build) '生成网页
End Select


 回到顶部