Web_Design 板


LINE

※ 引述《revo3512 (brands)》之铭言: : 版上各位前辈们好: : http://codepen.io/anon/pen/GWKoZW (code在此) : 爬文说location.assign可以指定....在按完按钮後到连接到指定page, 但发现好像不是 : 每个网站都可以显示出来(至少在codepen中,连w3c可以,连yahoo、google会空白) : →如果想要按下 "加入会员" 先判定表格是否有填写好,ture 直接连到google首页, : fause 则是停留在原本表单画面,该怎麽写呢? : 先谢谢大家>"< 有关表单的部分,不建议直接用js导向其他页面 表单正常的用法是在form标签里面写上要前往的後端程式网址, 後端程式利用http post传来的资料,接收变数後做处理(通常是写入资料库) form标签的用法可以参考w3c https://www.w3schools.com/tags/att_form_action.asp html第6行的<form>应该改成类似这样,在action内填写要连去的网址 <form action="/action_page.php" method="post"> 另外,html表单要传送的话,有一个type="submit"可以使用, 预设的图形是按钮,按下去就会把表单送到action的网址 input要改成以下这种方式较好 <input type="submit" value="加入会员"> 你可能会发现input里面的onclick="Send()"不见了,因为不建议放那边 单纯在input的按钮上加onclick无法完全侦测到表单送出的事件 例如键盘的使用者,可以透过键盘的enter键直接触发送出表单, 又或是单纯用键盘的tab切换栏位,最後再用enter去按加入会员的按钮, 以上两者都可以回避input onclick事件 建议参考w3c的用法,把验证的js放在form标签上 https://www.w3schools.com/js/js_validation.asp <form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post"> 至於判断表单有没有填好,如果只是要检查必填栏位或是长度什麽的, 不用自己写,可以直接套用老牌的jQuery Validation Plugin 详细内容可以参考这篇台大计中的教学 http://www.cc.ntu.edu.tw/chinese/epaper/0033/20150620_3307.html 最後的最後,除了前端靠js挡以外,後端也要验证资料 前端验证防君子,後端验证防小人,不然很容易就被injection类的攻击打爆了 --



※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 218.187.98.220
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1487760640.A.0AA.html
1F:推 Piedastar: 推 02/22 20:46
2F:推 revo3512: 谢谢nottt大! 会这样写是因为这个page是串google excel 02/23 09:15
3F:→ revo3512: 填写的资料会传送到google excel 自动填入,这部分也是 02/23 09:16
4F:→ revo3512: 可以这样写吗? 02/23 09:16
5F:→ revo3512: 我是参考此篇:https://goo.gl/DgHZjk 02/23 09:18
6F:→ revo3512: 在google apps script建立好一个自动传值到excel的程式 02/23 09:18
7F:→ revo3512: 在html上写上form跟input後送出,会把资料送到excel中 02/23 09:19
8F:→ revo3512: 本来的做法是...送出後会出现 result=true 02/23 09:20
9F:→ revo3512: 但我想改的是送出时验证栏位是否有填写,送出後直接跳转 02/23 09:20
10F:→ revo3512: google首页~ 02/23 09:20







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Soft_Job站内搜寻

TOP