输入框直接正则判断

<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使用方法的更多相关文章

  1. js正则验证数字的方法

    正则验证数字的方法: <script type="text/javascript"> function validate(){ var reg = new RegExp ...

  2. JS trim()方法使用

    JS trim()方法使用上有浏览器限制: 1.直接使用 string.trim() 浏览器版本限制:JavaScript Version 1.8  2.间接使用<即自己使用正则构造类trim的 ...

  3. 学习zepto.js(原型方法)

    学习zepto.js(原型方法)[1] 转载 新的一周,新的开始,今天来学习一下zepto里边的原型方法,就是通过$.进行调用的方法,也是可以通过$.fn进行扩展的方法: $.camelCase(): ...

  4. validform.js使用方法

    表单验证之validform.js使用方法 一.validform有什么用? 网页上有大量的input需要你进行验证的时候,如果是弹窗的话,需要不停地判断,如果为空,弹窗.如果不是数字,弹窗. 所以要 ...

  5. js replace方法第二个参数,远不止你想的那么强大

    js replace() 方法,想必大家都不陌生. 定义和用法: replace()方法用于在字符串中用一些字符替换另一些字符,或者替换一个与正则表达式匹配的子串. stringObject.repl ...

  6. js调用php和php调用js的方法举例

    js调用php和php调用js的方法举例1 JS方式调用PHP文件并取得php中的值 举一个简单的例子来说明: 如在页面a.html中用下面这句调用: <script type="te ...

  7. 通过cookie实现搜索框内容保存关闭浏览器之前的操作、jq js实现方法

    jq实现的方法: jq需要在页面中引入JQ.cookie插件 这是一个超轻量级插件 要实现的效果: 下面是jq代码: $(function(){ var til=$("#orderInfoC ...

  8. jquery.validate.min.js 用法方法示例

    页面html 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...

  9. jQuery 互相调用iframe页面中js的方法

    1,子iframe内调用父类函数方法: window.parent.func(); 2,子Iframe中获取父界面的元素: $("#xx", window.parent.docum ...

随机推荐

  1. xctool工具

    xctool [1]xctool的特性: 原文:http://www.infoq.com/cn/news/2013/05/Facebook-buck-xctool-build xctool是Faceb ...

  2. OC - 31.通过封装的自定义布局快速实现商品展示

    概述 实现效果 设计思路 采用MVC架构,即模型—视图-控制器架构 使用MJExtension框架实现字典转模型 使用MJRefresh框架实现上拉和下拉刷新 上拉刷新,加载新的数据 下拉刷新,加载更 ...

  3. 你好,C++(3)2.1 一个C++程序的自白

    第2部分 与C++第一次亲密接触 在浏览了C++“三分天下”的世界版图之后,便对C++有了基本的了解,算是一只脚跨入了C++世界的大门.那么,怎样将我们的另外一只脚也跨入C++世界的大门呢?是该即刻开 ...

  4. javascript——迭代方法

    <script type="text/javascript"> //五个迭代方法 都接受两个参数:要在每一项上运行的函数 和 运行该函数的作用域(可选) //every ...

  5. 详解函数声明VS函数表达式

    函数声明 比方如下:1.我们以一个完整的语句以function开头,不加任何东西. 2.有一个函数名(add) 3.参数可带可不带(x,y) 4.有一个数体 满足以上要求的我们统称为函数声明! 附加小 ...

  6. 项目管理模式——Projects

    Github 新的项目管理模式——Projects Github 新的项目管理模式——Projects Issues Github 中传统的项目管理是使用 issue 和 pull request 进 ...

  7. www.nt-kaisheng.com

    线号机耗材网站开发架构,是基于丽标线号机_凯标线号机_耗材|色带|号码管批发|电缆标牌_南通凯胜电器有限公司,进行的服务需求的网站. 南通凯胜电器有限公司网站与手工编码比起来,HTML5框架在准确性和 ...

  8. 一点BPXA的思考

    懂的人自然懂... BPXA功能配置 这个概念现在还有印象,记录下来: 一,BPXA是用于BP使用第三方资源的.如使用ORACLE数据库,就是在XA里配置.它的特征是以<xa>开头 二,B ...

  9. Android Wear开发 - 卡片通知 - 第二节 : 自定义Wear卡片样式

    一.前言说明 在上一节添加Android Wear通知特性我们实现了简单的Android Wear卡片拓展,但是默认提供给我们的多张卡片只能实现简单的文字展示,如果想要自定义布局,添加图片等等,则需要 ...

  10. bzoj3744

    这道题是目前我做bzoj最感动的一题没有之一……首先先警示一下,分块的题目能不套主席树尽量不套因为主席树不仅回答来一个log而且常数也比较大,对于分块这种根号的算法非常不适合这里是求区间逆序对,考虑查 ...