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

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">

<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) {

//电话号码校验
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常用校验方法（判断输入框是否为空，数字，电话，邮件，四舍五入等）的更多相关文章

js常用通用方法
验证身份证详细方法 function isCardNo(pId) { var arrVerifyCode = [1, 0, "x", 9, 8, 7, 6, 5, 4, 3, 2] ...
【js常用DOM方法】
介绍几个js DOM的常用方法获取元素节点 getElementById getElementsByTagName getElementsByClassName 先写一个简单的网页做测试: /* ...
python常用校验方法总结
0x00 校验一个字符串是否是合法IP地址 ipv4举例:利用正则表达式来匹配 def checkip(ip): p = re.compile('^((25[0-5]|2[0-4]\d|[01]?\d ...
JS常用公共方法封装
_ooOoo_ o8888888o 88" . "88 (| -_- |) O\ = /O ____/`---'\____ .' \\| |// `. / \\||| : |||/ ...
JS常用属性方法大全
1. 输出语句 : document.write(""); 2.JS 中的注释为 : // 3. 传统的 HTML 文档顺序是 : document->html->(h ...
一些JS常用的方法
/** * JS公用类库文件 */ (function(){ Tools = { W: window, D: document, Postfix: ".php", GetId: f ...
js常用API方法
String对象常用的API:API指应用程序编程接口,实际上就是一些提前预设好的方法. charAt() 方法可返回指定位置的字符. stringObject.charAt(index) index ...
js - 常用功能方法汇总（updating...）
一.查值的类型(可用于拷贝) /* * @Author: guojufeng@ * @Date: 2017-12-20 15:07:06 * @purpose 获取一个值的类型 * @param {v ...
js常用共同方法
var uh_rdsp = (function(){ //获取根目录 var getContextPath = function(){ var pathName = document.location ...

随机推荐

PHP：var_dump展示不全
问题:var_dump展示不全,出现省略号我们使用php的var_dump函数,可以更直观的查看输出结果,包括类型,数量等详细信息.此函数显示关于一个或多个表达式的结构信息,包括表达式的类型与值.数 ...
java web服务器tomcat介绍【转载】
机器矩阵2016-08-10 22:14 java程序员亲切地称他为tom猫,看到这只猫可以说明1 服务器部署成功了 ,2 网络是联通的. 到底这只猫是什么来头呢? tomcat是Apache基金会下 ...
Thinkphp中使用Redis
先确保安装了redis扩展添加Redis配置 'REDIS_HOST'=>'192.168.0.2', 'REDIS_PORT'=>6379, 其他配置根据自己ThinkPHP版本,找到 ...
Linux查询系统配置常用命令
系统 # uname -a # 查看内核/操作系统/CPU信息# head -n 1 /etc/issue # 查看操作系统版本# cat /proc/cpuinfo ...
Android得到视频缩略图
视频缩略图,可以通过接口类 MediaMetadataRetriever 来实现具体可以看代码片段 public Bitmap getVideoThumbnail(String filePath) ...
List<T>转换为ObservableCollection<T>
ObservableCollection能通知他变化了也正是因为它实现了INotifyPropertyChanged接口, 在wpf项目中经常会遇到把List<T>转换为Observabl ...
【转】RestQL：现代化的 API 开发方式
原文:http://tech.meituan.com/koa-restql.html RestQL:现代化的 API 开发方式李鑫 ·2016-08-12 11:26 koa-restql 已经在 ...
JPA 系列教程6-单向多对多
JPA中的@ManyToMany @ManyToMany注释表示模型类是多对多关系的一端. @JoinTable 描述了多对多关系的数据表关系. name 属性指定中间表名称 joinColumns ...
HDU 3732 Ahui Writes Word 多重背包优化01背包
题目大意:有n个单词,m的耐心,每个单词有一定的价值,以及学习这个单词所消耗的耐心,耐心消耗完则,无法学习.问能学到的单词的最大价值为多少. 题目思路:很明显的01背包,但如果按常规的方法解决时间复杂 ...
为ubuntu添加右键打开终端效果
安装工具:nautilus-open-terminal sudo apt-get install nautilus-open-terminal 注销或重启

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

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

随机推荐

热门专题