一些正则在js使用方法
输入框直接正则判断
<input type="password" name="pwd" placeholder="密码只能以数字\英文\@\." onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')" />
在js中判断
<div class="control-group">
<label class="laber_from">手机号</label>
<div class="controls" >
<INPUT id='tel_id' class="input_from" type="text" placeholder=" 请输入手机号" name='tel'/>
<P id="p2" class=help-block></P>
</div>
</div> <script>
$('#tel_id').blur(function(){
var tel_val = $(this).val();
if(tel_val =='' || !/((\d{})|^((\d{,})|(\d{}|\d{})-(\d{,})|(\d{}|\d{})-(\d{,})-(\d{}|\d{}|\d{}|\d{})|(\d{,})-(\d{}|\d{}|\d{}|\d{}))$)/.test(tel_val))
{
$('#p2').html('<p>手机格式有误</p>').css('color','red');
}else{
$('#p2').empty();
}
}) </script>
满足了条件才可以按提交按钮
<FORM action="__URL__/question" method="post">
<DIV class="control-group">
<LABEL class="laber_from">旧密保问题</LABEL>
<DIV class="controls" ><INPUT class="input_from" type="text" placeholder=" 请输入密保问题" onkeyup="value=value.replace(/^[a-zA-Z0-9]\w{16,17}$/g,'')" name='question'/><P id="p0" class=help-block></P></DIV>
</DIV>
<DIV class="control-group">
<LABEL class="laber_from">新保问题</LABEL>
<DIV class="controls" ><INPUT class="input_from" type="text" placeholder=" 请输入密保问题" onkeyup="value=value.replace(/^[a-zA-Z0-9]\w{16,17}$/g,'')" name='question'/><P id="p1" class=help-block></P></DIV>
</DIV>
<DIV class="control-group">
<LABEL class="laber_from" ></LABEL>
<DIV class="controls" ><button disabled class="btn btn-success" style="width:120px;" >提交</button></DIV>
</DIV>
</FORM> <script>
$('input:eq(1)').blur(function(){
var one = $(this).val();
$('#p1').empty();
var errorMsg = '密保问题不能为空';
if(one =='')
{
$('#p1').append('<span style="color:red">'+errorMsg+'</span>');
$('button').attr('disabled','disabled');
}else if(one != '' && input_0 !=''){
$('button').attr('disabled',false);
}
})
</script>
一些正则在js使用方法的更多相关文章
- js正则验证数字的方法
正则验证数字的方法: <script type="text/javascript"> function validate(){ var reg = new RegExp ...
- JS trim()方法使用
JS trim()方法使用上有浏览器限制: 1.直接使用 string.trim() 浏览器版本限制:JavaScript Version 1.8 2.间接使用<即自己使用正则构造类trim的 ...
- 学习zepto.js(原型方法)
学习zepto.js(原型方法)[1] 转载 新的一周,新的开始,今天来学习一下zepto里边的原型方法,就是通过$.进行调用的方法,也是可以通过$.fn进行扩展的方法: $.camelCase(): ...
- validform.js使用方法
表单验证之validform.js使用方法 一.validform有什么用? 网页上有大量的input需要你进行验证的时候,如果是弹窗的话,需要不停地判断,如果为空,弹窗.如果不是数字,弹窗. 所以要 ...
- js replace方法第二个参数,远不止你想的那么强大
js replace() 方法,想必大家都不陌生. 定义和用法: replace()方法用于在字符串中用一些字符替换另一些字符,或者替换一个与正则表达式匹配的子串. stringObject.repl ...
- js调用php和php调用js的方法举例
js调用php和php调用js的方法举例1 JS方式调用PHP文件并取得php中的值 举一个简单的例子来说明: 如在页面a.html中用下面这句调用: <script type="te ...
- 通过cookie实现搜索框内容保存关闭浏览器之前的操作、jq js实现方法
jq实现的方法: jq需要在页面中引入JQ.cookie插件 这是一个超轻量级插件 要实现的效果: 下面是jq代码: $(function(){ var til=$("#orderInfoC ...
- jquery.validate.min.js 用法方法示例
页面html 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...
- jQuery 互相调用iframe页面中js的方法
1,子iframe内调用父类函数方法: window.parent.func(); 2,子Iframe中获取父界面的元素: $("#xx", window.parent.docum ...
随机推荐
- 【转】iOS- 详解文本属性Attributes
原文: http://www.cnblogs.com/qingche/p/3574995.html?utm_source=tuicool 1.NSKernAttributeName: @10 调整字句 ...
- JavaScript HTML DOM
JavaScript HTML DOM 通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素. HTML DOM (文档对象模型) 当网页被加载时,浏览器会创建页面的文档对象 ...
- SSL VPN 详解
SSL VPN是专栏VPN系列技术原理的最后一篇,SSL VPN作为远程接入型的VPN,已经具备非常广阔的前景,它的主要适应场景是取代L2TP Over IPSec,但功能要比L2TP Over IP ...
- SGU 177.Square(矩阵分割)
时间限制:1.25s 空间限制:6M 题意: 给出n*n的矩阵(n<=1000),和m次涂色(m<=5000),每次涂色将一个子矩阵涂成白色或黑色,后涂的颜色将覆盖掉前面的颜色.初始所有格 ...
- SGU 183.Painting the balls
时间限制:0.25s 空间限制:4M 题意: 在n(n<=10000)个球中,给若干个球涂色,每个球涂色的代价为Ci,使得任意连续m(m<=100)个球中有至少两个球被涂了色. Solu ...
- 【NOI2004】郁闷的出纳员
[问题描述] OIER公司是一家大型专业化软件公司,有着数以万计的员工.作为一名出纳员,我的任务之一便是统计每位员工的工资.这本来是一份不错的工作,但是令人郁闷的是,我们的老板反复无常,经常调整员工的 ...
- phpcms V9 数据模型基类(转)
转自:http://www.cnblogs.com/Braveliu/p/5100421.html 在学习<phpcms V9首页模板文件解析>的第七步,我们看到content_model ...
- web版扫雷小游戏(二)
接上篇~~第一次写这种技术博客,发现把自己做的东西介绍出来还是一件脑力活,不是那么轻松啊,好吧,想到哪写到哪,流水记录之,待完成之后再根据大家的意见进行修改吧. 游戏实现 根据对扫雷游戏的体验和分析, ...
- JS call和apply用法(转)
每个JavaScript函数都会有很多附属的(attached)方法,包括toString().call()以及apply().听起来,你是否会 感到奇怪,一个函数可能会有属于它自己的方法,但是记住, ...
- CSS3 box-shadow(阴影使用)
from: http://jingyan.baidu.com/article/03b2f78c4d9fae5ea237aea6.html css3 box-shadow 内阴影与外阴影 1- box- ...