表单提交验证，手机号码验证
<!DOCTYPE html>
<html>
<head><title>个人注册</title><meta charset="utf-8"><script src="__JK__/js/phone.js"></script><script src="__JK__/js/jquery.min.js"></script><link href="__JK__/css/index.css" rel="stylesheet" type="text/css"/>
</head>
<body><div style="width:100%;height:50px;"></div>
<h2 style="width:750px;text-align:center;">请填写个人信息</h2><div style="width:700px;margin:0 auto;">
<form action="{:url('index/index/gerenzhuce')}" method="post" id="zhuce"> <div class="iptbox"><div style="height:80px;line-height:80px;">姓名：</div><div><input type="" name="gr_xingming" value="{$info.gr_xingming}" placeholder="请输入姓名" class="ipt1" ></div></div><div class="iptbox"><div style="height:80px;line-height:80px;">电话：</div><div><input type="" name="gr_tel" value="{$info.gr_tel}" placeholder="请输入电话" class="ipt1" ></div></div><div class="iptbox"><div style="height:80px;line-height:80px;">职业：</div><div><input type="" name="gr_zhiye" value="{$info.gr_zhiye}" placeholder="请输入职业" class="ipt1" ></div></div><div class="iptbox"><div style="height:80px;line-height:80px;">身份证号：</div><div><input type="" name="gr_shenfenzheng" value="{$info.gr_shenfenzheng}" placeholder="请输入身份证号" class="ipt1" ></div></div><div class="checkbox"><div><input name="" type="checkbox" value="" id="xieyi" /></div><div style="height:80px;line-height:80px;color:#666;">我同意<a href="{:url('index/index/xieyi')}" style="color:#ff0000;">"协会协议"</a></div></div></div>
<input type="" class="btn1" value="确认提交" onclick='check()' />
</form>
<script type="text/javascript">
function check(){var gr_xingming = $('input[name="gr_xingming"]').val();if(gr_xingming == null || gr_xingming == ''){alert("姓名不能为空");return false;}var gr_tel = $('input[name="gr_tel"]').val();var re = /^1\d{10}$/;if (!re.test(gr_tel)) {alert("请输入正确手机号码！");return false;}var gr_zhiye = $('input[name="gr_zhiye"]').val();if(gr_zhiye == null || gr_zhiye == ''){alert("职业不能为空");return false;}var gr_shenfenzheng = $('input[name="gr_shenfenzheng"]').val();if(gr_shenfenzheng == null || gr_shenfenzheng == ''){alert("身份证不能为空");return false;}if($("#xieyi").is(':checked') == false){alert("请确认同意协会协议");return false;}$("#zhuce").submit();
}
</script></body>
</html>表单提交验证，手机号码验证相关推荐
- php判断post是否xss,PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】...
本文实例讲述了PHP实现表单提交数据的验证处理功能.分享给大家供大家参考,具体如下: 防XSS攻击代码: /** * 安全过滤函数 * * @param $string * @return strin ...
- Form表单提交与Validform验证的那些事
不管是做登录.注册还是实体的添加.修改,我们都会用到表单,并且也会同时用到验证,这里结合Validform验证来详细说明form表单提交的内情.. 1. 引入文件 <link href=&quo ...
- 表单提交时submit验证非空return false没用_开发这样一个复杂的表单你需要用多久...
表单在中后台开发的时,是最多也是最另人头疼的,多级联动,繁杂的验证,动态解析等可算是苦不堪言.所以出现了无数的表单解决方案,像Uform, formily, NoForm等等一大堆用来解决中后台开发表 ...
- form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...
- 表单提交前ajax验证,在Ajax提交之前进行jQuery表单验证
9 个答案: 答案 0 :(得分:85) 您可以使用submitHandler选项.基本上将$.ajax调用放在此处理程序中,即使用验证设置逻辑将其反转. $('#form').validate({ ...
- html表单提交前检查,form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...
- form的onsubmit事件--表单提交前的验证
在提交表单前如果需要对表单内容进行统一验证,就可以使用οnsubmit="return check()",只有当check()方法返回true,表单才会提交 <form ac ...
- iview/view UI 表格+表单提交必填验证简单方案
在项目中,经常遇到表单嵌入表格的情况,因此必填验证的需求就比较麻烦了,记录下解决方案,先来上一张效果图: 先简单说下实现原理,这个是view UI form-item的源码: 重点就是框住的地方,g ...
- 利用onsubmit事件实现表单提交前的验证
JS代码: function check(){var name = document.getElementById("name").value;if(name == null || ...
- html form提交前验证,form表单提交前验证实现方法
form表单提交前验证实现方法2017-11-26 20:54 form表单提交是网站中最常见的,基本上所有的网站都会用到. 除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单. 但是 ...
最新文章
- .NET中的IO操作之文件流
- hdu 527 Necklace
- netty5.0通过LineBasedFrameDecoder和StringDecoder解决粘包
- 转载 oracle12c 切换字符集
- 硬件：直接拔掉USB移动硬盘会对硬盘造成影响吗？
- php resque 计划任务,PHP-RESQUE - 实现重试
- 最全的mysql 5.7.13_最全的mysql 5.7.13 安装配置方法图文教程(linux) 强烈推荐!
- LeetCode 461. Hamming Distance
- 3.4K字，让老板对你的模型稳定性不再质疑
- 【JSP】JSP基础学习记录（二）—— JSP的7个动作指令
- Thinkbayes_Chapter5
- 互联网技术(java框架、分布式、集群)干货视频大全，不看后悔！(免费下载)
- 雷达波形样式_?认知雷达的架构
- Qt android 开发环境搭建
- 小程序UI框架推荐：Vant让你优雅的飞
- uniapp——获取退出登录
- Mendix开发不卡壳之 Scheduler Event定时任务使用
- 第一遍Java学习笔记
- 基于matlab的全阶观测器三自由度运动系统状态反馈控制系统的仿真
- LDPC码Gallager论文解读