JS常用校验方法：

1、判断输入框是否为空，为空时弹出提示框

2、关闭窗口

3、检查输入字符串是否为数字

4、强制把大写转换成小写

5、手机号码校验，长度为11位数字。

6、电子邮件校验

7、电话号码校验

8、身份证号码校验

9、校验必须是数字或者字母

10、检验数字是否正确（可以为负数）

11、将小数四舍五入

详细代码清单如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>JAVA SCRIPT study</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
 <script type="text/javascript">
//检查对象是否为空，obj-对象，vMc-提示信息
function checkNull(obj,vline){
    //判断输入框是否为空，为空时弹出提示框
    
 var v=document.getElementById(obj).value;
     v=v.replace(/(^\s*)|(\s*$)/g,"");///去除空格的方法
     alert(" 输入值为空！"+v.length);
 if (v.length==0){
  alert(vline+" 输入值为空！");
  return false;
 }
     return true;
}

//关闭窗口
function closewin(){
    //关闭窗体无网页提示关闭信息
    window.opener = "";
 window.close();
}

//检查输入字符串是否为数字
//参数说明：数据项，输入的对象
//返回值：1-是数字,0-非数字
function isNum(vid,obj){
 re=new RegExp("[^0-9]");
 var s;
 var i_value=document.getElementById(obj).value;
 if(s=i_value.match(re)){
  alert("'"+vid+"' 中含有非法字符 '"+s+"'！");
  return 0;
 }
 return 1;
}

//强制把大写转换成小写
function toLowCase(){
   //  alert("ss");
 if(event.keyCode>=65 && event.keyCode<=90)
  event.keyCode=event.keyCode+32;
}

//手机号码校验，长度为11位数字。
function checkMobile(str) {

var Str=document.getElementById(str).value;
 RegularExp=/^[0-9]{11}$/
 if (RegularExp.test(Str)) {
  return true;
 }
 else {
  alert("手机号格式不正确！应该为11位长度的数字！");
  return false;
 }
}
//电子邮件校验
function checkMail(str)
{
   var Str=document.getElementById(str).value;
   RegularExp = /[a-z0-9]*@[a-z0-9]*\.[a-z0-9]+/gi
   if (RegularExp.test(Str))
   {
       return true;
   }else{
       alert("电子信箱格式不对！");
       return false;
   }
}

//电话号码校验
function checkTel(str)
{
   //
   var Str=document.getElementById(str).value;
   RegularExp = /^((([0-9]{4}|[0-9]{3})-)|(\(([0-9]{4}|[0-9]{3})\)))*([0-9]{7}|[0-9]{8})$|^[0-9]{11}$/
   if (RegularExp.test(Str))
   {
       //alert("电话号码格式对");
       return true;
   }else{
       alert("电话号码格式不对");
       return false;
   }
}
//身份证号码校验
function checkID_Card(str)
{
   var Str=document.getElementById(str).value;
   RegularExp = /^[0-9]{17}[0-9A-Za-z]{1}$|^[0-9]{14}[0-9A-Za-z]{1}$/
   if (RegularExp.test(Str))
   {
       return true;
   }else{
       alert("身份证号格式不对！");
       return false;
   }
}
//校验必须是数字或者字母
function checkNumStr(str)
    {
      var Str=document.getElementById(str).value;
      var str1="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
      var i=0;
      for (i=0; i<Str.length;i++) {
         var onechar=Str.substring(i,i+1);
         //alert(onechar);
         if (!(str1.indexOf(onechar)!= -1)){
               alert("必须是数字[0-9]、字母[a-z、A-Z]或组合!");
               return false;
            }
       }

return true;
}

//检验数字是否正确（可以为负数）
//参数1：sourceStr 数字
//int_num 整数位数
//point_num 小数位数
//alertStr 弹出的提示信息
function JudgeDicimalFormat(str ,int_num,point_num,alertStr) {
  var sourceStr=document.getElementById(str).value;
 RegularExp_tmp="/^[+,-]{0,1}[0-9]{0,"+int_num+"}[.]{1}[0-9]{0,"+point_num+"}$|^[+,-]{0,1}[0-9]{0,"+int_num+"}$/";
 RegularExp=eval(RegularExp_tmp);
 if (RegularExp.test(sourceStr)) {
   return true;
 }
 else {
    alert(alertStr+"格式不正确！最长为"+int_num+"位整数位，"+point_num+"位小数位的数字！");
    //sourceStr.select();
   return false;
 }
}

//将小数四舍五入
//decimalNum 为：保留小数点后几位
function roundFloat(str, decimalNum) {
    var sourceValue=document.getElementById(str).value;
 if (isNaN(sourceValue)) {
     alert("sourceValue非法字符 ");
     document.getElementById(str).value="";
  return sourceValue;
 }
 var multiplyValue=Math.pow(10,parseInt(decimalNum));
 document.getElementById(str).value=(Math.round(multiplyValue*sourceValue))/multiplyValue;
 //return (Math.round(multiplyValue*sourceValue))/multiplyValue;
}

</script>

</head>
 
  <body>
    javascript 学习 <br>
    <input type="text" name="tt" id="tt" onblur="checkNull('tt','用户名');">
      校验文本框或者其他输入框是否为空，去除前后空格（失去焦点时触发）<br><br>
     
     
    <input type="button" onclick="closewin();" value="关闭窗体"><br><br>
   
   <input type="text" name="num" id="num" onblur="isNum('年龄','num');">
                 校验文本框或者其他输入框中输入的值是否全部是数字<br><br>
                
      <input type="text" name="cae" id="cae" onkeypress="toLowCase();return fasle;">
                 强制把大写转换成小写<br><br>
     <input type="text" name="mobile" id="mobile" onblur="checkMobile('mobile');">
                 手机号码校验（11位）<br><br>
      <input type="text" name="mail" id="mail" onblur="checkMail('mail');">
                电子邮件校验<br><br>
        <input type="text" name="tel" id="tel" onblur="checkTel('tel');">
                 电话号码校验<br><br>
       <input type="text" name="card" id="card" onblur="checkID_Card('card');">
                  身份证号码 校验<br><br>
       <input type="text" name="pchar" id="pchar" onblur="checkNumStr('pchar');">
                 普通字符检验（数字或者字母）<br><br>
       <input type="text" name="isnum" id="isnum" onblur="JudgeDicimalFormat('isnum','3','3','数字');">
                  检验数字是否正确（可以为负数）<br><br>               
       <input type="text" name="fol" id="fol" onblur="roundFloat('fol','2');">
                //将小数四舍五入
               //decimalNum 为：保留小数点后几位<br><br>             
  </body>
</html>

JS常用校验方法（判断输入框是否为空，数字，电话，邮件，四舍五入等）的更多相关文章

  1. js常用通用方法

    验证身份证详细方法 function isCardNo(pId) { var arrVerifyCode = [1, 0, "x", 9, 8, 7, 6, 5, 4, 3, 2] ...

  2. 【js常用DOM方法】

    介绍几个js DOM的常用方法 获取元素节点 getElementById  getElementsByTagName  getElementsByClassName 先写一个简单的网页做测试: /* ...

  3. python常用校验方法总结

    0x00 校验一个字符串是否是合法IP地址 ipv4举例:利用正则表达式来匹配 def checkip(ip): p = re.compile('^((25[0-5]|2[0-4]\d|[01]?\d ...

  4. JS常用公共方法封装

    _ooOoo_ o8888888o 88" . "88 (| -_- |) O\ = /O ____/`---'\____ .' \\| |// `. / \\||| : |||/ ...

  5. JS常用属性方法大全

    1. 输出语句 : document.write(""); 2.JS 中的注释为 : // 3. 传统的 HTML 文档顺序是 : document->html->(h ...

  6. 一些JS常用的方法

    /** * JS公用类库文件 */ (function(){ Tools = { W: window, D: document, Postfix: ".php", GetId: f ...

  7. js常用API方法

    String对象常用的API:API指应用程序编程接口,实际上就是一些提前预设好的方法. charAt() 方法可返回指定位置的字符. stringObject.charAt(index) index ...

  8. js - 常用功能方法汇总（updating...）

    一.查值的类型(可用于拷贝) /* * @Author: guojufeng@ * @Date: 2017-12-20 15:07:06 * @purpose 获取一个值的类型 * @param {v ...

  9. js常用共同方法

    var uh_rdsp = (function(){ //获取根目录 var getContextPath = function(){ var pathName = document.location ...

随机推荐

  1. svg笔记----------path篇

    每个路径都必须以moveto 命令开始 moveto.lineto和closepath <path d="M 10 10 L 100 10z"/> 大写字母命令的坐标是 ...

  2. 在 .NET 4 中使用托管可扩展性框架构建可组合的应用程序

    https://msdn.microsoft.com/zh-cn/library/ff576068.aspx http://blogs.msdn.com/b/nblumhardt/archive/20 ...

  3. Activity竟然有两个onCreate方法，可别用错了

    public class HomeDetailActivity { @Override protected void onCreate(@Nullable Bundle savedInstanceSt ...

  4. jQuery实现父窗口的问题

    因为先前遇到的问题,所以我考虑采用 IFRAME 来隔离不同的脚本,从而实现我需要的效果. 在框架中,我用 JavaScript 获取 JSON 数据,组织成 HTML 代码,最后将其填充至上层文档的 ...

  5. layer弹出层

    最近因为项目要求做了一个layer弹出层demo,先看效果图 好了,现在开始上代码 index.jsp <%@ page language="java" import=&qu ...

  6. Intersecting Lines POJ 1269

    题目大意:给出两条直线,每个直线上的两点,求这两条直线的位置关系:共线,平行,或相交,相交输出交点. 题目思路:主要在于求交点 F0(X)=a0x+b0y+c0==0; F1(X)=a1x+b1y+c ...

  7. Hibernate Session & Transaction详解

    Hibernate Session & Transaction详解 HIbernate中的Session Session是JAVA应用程序和Hibernate进行交互时使用的主要接口,它也是持 ...

  8. Dynamic Performance Tables not accessible Automatic Statistics disabled for this session

    使用oracle时候统计会出现这个提示 Dynamic Performance Tables not accessible Automatic Statistics disabled for this ...

  9. svn 设置文件可执行权限

    本地文件在commit到仓库之前若没有chmod +x 权限的话,那在svn仓库里的文件将会保持当前无可执行属性状态. 即使在本地chmod +x filename 之后,再提交到仓库也是没有用的.c ...

  10. 动画——animation（2）

    日常中,我们使用的动画来源有两个方面—— 第一个,自己去定义. 通过@keyframes去定义即可,格式如下: @keyframe animatename{ 0%{ //这里面写初始的对象的css样式 ...