`

JS常用校验方法

    博客分类：
  • 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">
<!--
<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>
分享到：
| Mysql多表查询，多表插入和多表更新
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js常用校验封装方法

    js常用校验封装方法，大家可参考应用，主要方法有 必添选项验证、Email验证、MM/DD/YYYYY日期格式验证、网址验证、金额校验、身份证号码验证、英文大写字母验证、邮政编码格式验证、电话号码格式验证、包含手机的...

    javascript 常用校验代码

    这篇博客“javascript 常用校验代码”可能包含了多种用于验证用户输入、数据格式以及其他关键业务逻辑的JavaScript函数和方法。 在JavaScript中，数据校验主要针对以下几个方面： 1. **用户输入校验**：这通常涉及...

    js 常用验证 JavaScript 常用验证

    网址：http://www.web-tag.net/all_22.htm 或者下载CHM 格式文档

    js校验常用方法

    本文将深入探讨JavaScript中常用的验证方法，帮助开发者更好地理解和运用这些技术。 1. 基本类型检查： JavaScript中有七种基本数据类型：Undefined、Null、Boolean、Number、BigInt、String和Symbol。我们可以...

    超级无敌公共js 常用工具方法 验证 正则

    超级无敌公共js 常用工具方法 验证 正则表达式

    js常用参数检验工具类

    该javaScript库主要包括了如下模块： 1、手机号码校验； 2、身份证校验；3、邮箱校验； 4、字符串常用类； 5、简单四则运算；6、正则表达式生成工具类； 7、日期工具； 8、url工具；9、数组工具类；10、对象工具类

    javascript常用校验脚本

    这些验证脚本是JavaScript中进行数据校验的基本工具，它们可以根据实际需求进行组合和扩展，以满足更复杂的应用场景。例如，你可以结合这些函数创建一个自定义的表单验证器，对用户输入进行全方位的检查。同时，随着...

    JS常用校验

    常用的JS校验, 包括身份证、邮箱、电话等等等的校验, WEB开发中非常实用的工具

    常用js大全，javascript校验大全

    这个“常用js大全，javascript校验大全”集合了多种常见的验证功能，确保用户输入的数据格式正确，从而提高用户体验和系统安全性。以下是一些主要的知识点： 1. **数字验证**：用于检查字符串是否全由数字组成，这...

    javaj中一些常用js校验

    此文档中包含一些常用的js校验，例如：非空校验了啊，特殊符号的限制了啊，限制文本框输入格式啊等等

    js javaScript 验证校验小工具包

    这个"js javaScript 验证校验小工具包"显然是一个集合了各种JavaScript验证和校验功能的资源库，旨在帮助开发者更方便地处理表单验证、数据格式检查等常见任务。 在前端开发中，验证和校验通常涉及以下几个方面： ...

    javascript常用数据校验正则表达式

    "javascript常用数据校验正则表达式"这个主题涉及到的是在前端开发中如何使用正则来验证用户输入的数据，确保其格式正确性。下面将详细讨论JavaScript中正则表达式的常见用法以及`validate.js`这个文件可能包含的...

    常用 JS javascript 大全

    从给定的文件标题“常用 JS javascript 大全”及描述和部分内客来看，这份文档主要涵盖了JavaScript中常用的校验功能与数据处理方法。以下是对这些知识点的详细解析： ### 1. 数据校验与处理 #### 1.1 全是数字 ...

    java&javaScript实现的部分常用校验器

    java和js实现的部分常用校验器，包括： 1、身份证号校验； 2、电话号码校验（移动电话或者固话）； 3、车牌号校验； 4、车架号VIN码校验。 具体网址：http://blog.csdn.net/jodenhe/article/details/77962753

    常用的正则校验方法汇总

    使用js汇总的大量正则校验方法，适用于JQUERY，VUE，anguler，react等前端常用开发框架。

    JavaScript校验设计.zip

    2. **非空验证**：检查用户输入是否为空，常用的方法是使用if语句配合length属性或trim()方法来去除空格并检查长度。 3. **数值验证**：例如检查输入是否为整数、浮点数或者在特定范围内，可以使用isNaN()函数、...

    常用form的Js检验工具

    Js检验工具、常用js方法。。。。。。。。。。。。。。。。。。

    javascript常用的一些校验

    下面将详细讨论JavaScript中常见的校验方法和技术。 1. **基础类型校验** JavaScript有七种基础类型：Undefined、Null、Boolean、Number、String、BigInt和Symbol。我们可以使用`typeof`操作符来检查变量的类型，...

Magicbox
Global site tag (gtag.js) - Google Analytics