输入框直接正则判断

<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. JavaScript Window Screen

    window.screen 对象包含有关用户屏幕的信息. Window Screen window.screen对象在编写时可以不使用 window 这个前缀. 一些属性: screen.availW ...

  2. Error Creating Deployment 有关Tomcat配置问题

    配置Tomcat的时候出现提示框The selected server is enabled,but is not configured properly.Deployment to it will ...

  3. 【转】WF事件驱动

    转自:http://www.cnblogs.com/Mayvar/category/315963.html 这系统的教程有代码可以下载 WF事件驱动(5) 摘要: 之前,我通过4篇文章介绍了在WF4中 ...

  4. call 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法.

    call 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法. 注意:该函数的语法与 apply() 方法的语法几乎完全相同,唯一的区别在于,apply()方法接受的是一个参 ...

  5. JavaScript多线程初步学习

    一.多线程理解 首先,我们要理解什么是多线程,百度百科上说:多线程(英语:multithreading),是指从软件或者硬件上实现多个线程并发执行的技术.具有多线程能力的计算机因有硬件支持而能够在同一 ...

  6. PHP不依赖系统自动执行机制

    不依赖系统,以及不依赖yii事物机制,则考虑人为触发.触发可以写在总体的公共页面上,但是考虑到对数据库以及WWW服务器的压力问题,程序的延迟问题,需要对执行函数进行一些优化. 首先,我们考虑对数据库的 ...

  7. 总结几种C#窗体间通讯的处理方法

    摘要:本文介绍了C#窗体间通讯的几种处理方法,即传值.继承.事件回调,希望对大家有用. http://www.cnblogs.com/jara/p/3439603.html 应用程序开发中,经常需要多 ...

  8. 七天学会 SALT STACK 自动化运维 (1)

    七天学会 SALT STACK 自动化运维 (1) 简单理解 SALTSTACK 安装与配置 基本的使用方法 结束语 引用资源 简单理解 SALT STACK 笔者是初次接触 自动化运维 这一技术领域 ...

  9. UFLDL实验报告1: Softmax Regression

    PS:这些是今年4月份,跟斯坦福UFLDL教程时的实验报告,当时就应该好好整理的…留到现在好凌乱了 Softmax Regression实验报告 1.Softmax Regression实验描述 So ...

  10. elasticsearch 性能优化

    #系统默认的最大打开文件数的限制 vi /etc/security/limits.conf   *     -       nproc          50240    *     -       ...