js form onsubmit 表单提交
2015-12-22 22:39
706 查看
CSS
DIV
JS
一些扩展阅读:
http://www.oschina.net/code/snippet_216459_11382
/article/1645614.html
form{ margin-left: 10px; margin-right: 10px; } p{ width: auto; height: 40px; padding-top: 10px; } p input{ position: absolute; left: 27%; width: 70%; height: 40px; } #submit{ margin-top: 10px; width: 100%; height: 40px; color: #FFFFFF; background-color: #0099CC; border: 0; } span{ color: #FF0000; }
DIV
<form onsubmit="return gosubmit()" name="frm"> <p><span>*</span>姓名: <input type='text' id='idAddName' name="addrname" placeholder="请输入收货人姓名"> </p> <p><span>*</span>电话: <input type='text' id='idAddPhone' name="addrphone" placeholder="请输入收货人电话"> </p> <p><span>*</span>省市区: <input type='text' id='idAddCity' name="addrcity" value="<?php echo $_SESSION['getAddress'] ?>" placeholder="地图定位"> </p> <p><span>*</span>详细地址: <input type='text' id='idAddDetail' name="addrdetail" placeholder="街道 小区 门牌号等"> </p> <input type='submit' id="submit" value='保 存'> </form>
JS
function gosubmit(){ var valName = document.getElementById('idAddName').value; var valPhone = document.getElementById('idAddPhone').value; var valCity = document.getElementById('idAddCity').value; var valDetail = document.getElementById('idAddDetail').value; if((valName == '') ||(valPhone == '') ||(valCity == '') ||(valDetail == '')){ alert('请填写完整的信息!'); return false; }else{ document.frm.action= "address.php?"; document.frm.method='get'; document.frm.submit(); return true; } }
一些扩展阅读:
http://www.oschina.net/code/snippet_216459_11382
/article/1645614.html
相关文章推荐
- js刷新页面的几种方法
- 表单常用原生js
- JS DOM之表格操作
- JavaScript-获得当前时间
- JavaScript-获得当前时间
- JavaScript-获得当前时间
- CodePen避免自动刷新导致的JS卡死
- 深入理解js中的display:none和visibility属性
- JS_string/boolean类型学习
- JavaScript-什么是内置对象及string字符串对象
- Javascript正则表达式常用的字符和符号
- JavaScript-CheckBox全选/反选
- JavaScript-CheckBox全选/反选
- JavaScript-CheckBox全选/反选
- javascript冒泡排序为数组排序
- Javascript设计模式理论与实战:适配器模式
- bzoj4332;vijos1955:JSOI2012 分零食
- 轻松学习JavaScript二十四:DOM编程学习之操作CSS样式(一)
- js模块加载seajs
- javascript