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. 在JavaScript中创建命名空间的几种写法

    在JavaScript中全局变量经常会引起命名冲突,甚至有时侯重写变量也不是按照你想像中的顺序来的,可以看看下面的例子: var sayHello = function() { return 'Hel ...

  2. Chrome不支持showModalDialog模态对话框和无法返回returnValue的问题

    父窗体部分js代码: var returnValue = window.showModalDialog("son.html ", window); //for chrome if ...

  3. linux查看文件及文件夹的大小

    最近发现服务器的磁盘容量使用率超过了90%,所以有必要查看是哪个文件占用了太多的空间, 服务器系统:CentOS6.5 df -h #查看磁盘使用情况,步骤1 cd / #切换到根目录, 步骤2 du ...

  4. Java多态(一)

    父类: public class Parent { public String name; private String pass; public void say1(AA aa){ System.o ...

  5. Eclipse的Console乱码

    1.找到服务器bin目录:例:D:\WebLogic_11g\Middleware\user_projects\domains\dsrhd_domain\bin, 在该目录下找到setDomainEn ...

  6. winxp sp2

    不支持sha2,所以ssl建立失败, sp3就可以了 http://superuser.com/questions/802693/sha2-support-for-windows-xp-sp2-any ...

  7. iabtis初探

    1.简介 与Hibernate相比,ibatis属于一种半自动的ORM框架,主要解决了java对象与SQL入参及结果集的映射关系.简单易学.容易上手:但是安全性较差,对于金融等对安全要求较高的系统来说 ...

  8. WPF之DataGrid的LoadingRow事件

    利用DataGrid的LoadingRow事件,可以进行设置DataGrid的DataGridRow的属性(例如样式:背景色.前景色:是否可修改数据) 实例代码如下: private void Dat ...

  9. 【sort】 基数排序

    下面这段问答摘自csdn: 把基数排序说成桶排序应该是没有太大问题的.总的说来,应该把这一类归为分配排序,由于分配排序的一些缺陷,主要是时间代价很差,改进成为桶式排序(bucket sort),而桶排 ...

  10. 转换流--InputStreamReader ,OutputStreamWriter

    BufferedReader 字符流,只能装饰字符流,不能装饰字节流.有个重要且好用的方法是readLine()整行读取字符. 但是InputStream是字节流,没有resdLine方法,那么字节流 ...