`
thinkincoder
  • 浏览: 12693 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

js表单校验(必录、日期数字校验)

CSS 
阅读更多

//校验表单必录,每个必录的表单需要增加一个属性required='true'

function val(id){
    var selected = "#"+id+" :input[required='true']";
    var fields = $(selected);
    var flag = true;
    for(var i=0; i<fields.length; i++){
        if(fields[i].value.length == 0){
            flag = false;
            fields.eq(i).css("border-color","red");
        }
    }
    
    return flag;
}
 


//校验输入字数

function textCounter(field, maxlimit) {
    var trimed = field.value.replace(/^\s+|\s+$/g, '');
    if (trimed.length > maxlimit) {
        trimed =  trimed.substring(0, maxlimit);
        field.value = trimed;
    }
}
 



//短日期,形如 (2003-12-05)

function isDate(field){
    var str = field.value;
    var r = str.match(/^(\d{1,4})(-)(\d{1,2})(-)(\d{1,2})$/);
    if(r==null){
        alert("输入的数字不合法!");
        field.value = "";
        return false;
    }
    if(r[3]>12 || r[5] > 31){
        alert("输入的数字不合法!");
        field.value = "";
        return false;
    }
    return true;
}
 



//数字

function isNumber(field){
    var str = field.value;
    var r = str.match(/^(0|[1-9]\d*)$/);
    if(r==null){
        alert("输入的数字不合法!");
        field.value = "";
        return false;
    }
    return true;
}
 

//校验实数

function isBigDecimal(field,n){
    var str = field.value;
    var reg = "";
    if(n == null || n == ""){
        reg = "^[0-9]+(.[0-9]+)?)";
    }else{
        reg = "^[0-9]+(.[0-9]{1,"+n+"})?$";
    }
    var r = str.match(new RegExp(reg));
    if(r==null){
        alert("输入的数字不合法!");
        field.value = "";
        return false;
    }
    return true;

} 
 
分享到:
评论

相关推荐

    JS校验,提供公共的JS表单校验

    公共JS校验,提供了常见的JS前台表单校验

    Web通用的表单校验JS

    首先,让我们了解什么是JavaScript表单校验。JavaScript是一种客户端脚本语言,它允许我们在用户的浏览器上运行代码,包括对用户在表单中输入的数据进行实时检查。这种校验可以在用户提交表单之前就发现错误,提供...

    JS校验表单参数是否正确的小工具

    JS校验工具类,已经过测试。包含: 1.校验特殊字符 2.限制表单输入长度 3.是否包含小数 4.校验是否身份证号码 5.校验是否是中文 6.校验是否包含数字

    js表单校验脚本,简单方便

    依赖jQuery的表单校验脚本,在使用此脚本之前请先引入jQuery文件

    js通用表单校验

    通用的js表单校验脚本

    网页用户注册表单校验JavaScript脚本代码源码下载

    简单的网页用户注册表单的校验,提供给大家学习,借鉴,完整代码已经打包,欢迎下载。截取一部分代码,如下: function checkuser(){//检查用户名的方法 var usernameNode=document.getElementById("username");//...

    JavaScript的form表单验证中的身份证校验.pdf

    ### JavaScript中的身份证校验知识点详解 #### 一、引言 在进行Web应用程序开发时,表单验证是一项非常重要的功能,它可以确保用户输入的数据格式正确并符合预期的要求。其中,身份证号码验证尤其重要,因为它涉及...

    jq 表单校验工具

    "jq 表单校验工具"是一个专门用于JavaScript(js)和jQuery(jq)环境的插件,它提供了强大的功能来帮助开发者实现对表单输入的实时验证。 首先,我们来看一下这个工具的核心功能。"传参"意味着你可以向校验方法...

    表单校验&文件下载

    表单校验可以在客户端(如JavaScript)和服务器端(如Java、PHP等)进行,或者两者结合。MyEclipse作为一款强大的Java集成开发环境,支持创建和调试包含表单校验功能的Web应用程序。 其次,我们谈谈“文件下载”。...

    JS表单验证 JS校验代码 JS数据类型校验

    JavaScript(简称JS)是网页开发中用于实现动态交互的重要脚本语言,特别是在处理表单验证时,它的作用不可或缺。表单验证确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。本文将深入探讨...

    js正则表达式校验数字、email、身份证号等

    js正则表达式校验数字、email、身份证号等

    js校验纯数字

    在JavaScript(JS)中,校验用户输入是否为纯数字是一项常见的需求,特别是在表单验证或者数据处理的场景。在给定的代码片段中,我们看到了一个简单的JS函数用于检查输入字段是否只包含数字。下面将详细解释这个过程...

    javascript表单校验2

    另一个表单校验脚本,详细完整

    from 表单验证 js框架类库

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    js校验特殊字符

    以下是关于"js校验特殊字符"这一主题的详细解释: 1. **特殊字符过滤的原理** 在JavaScript中,可以使用正则表达式(Regular Expression)进行字符串的匹配和校验。特殊字符过滤就是创建一个包含不允许的字符的...

    jquery的validate表单校验插件

    在前端开发中,表单校验是必不可少的一个环节,它能够确保用户输入的数据符合预设的规范,提高用户体验并减轻服务器端的压力。jQuery的validate插件作为一款强大的表单验证工具,因其易用性和灵活性而备受开发者喜爱...

    原生JS经典小项目-form表单校验

    通过这个原生JS的小项目,你可以深入理解表单校验的原理,掌握如何使用JavaScript实现高效且友好的表单验证机制。这不仅提高了网页应用的安全性,还能提升用户的操作体验。在实际开发中,这样的技能是必不可少的。

    表单验证+对话框+日期格式化+日期选择框+select美化js框架

    "表单验证+对话框+日期格式化+日期选择框+select美化js框架"这个主题涵盖了一些核心的技术点,它们都是构建高效、友好且功能丰富的前端应用不可或缺的部分。接下来,我们将深入探讨这些知识点。 1. 表单验证: ...

    Js 表单提交验证函数(很全了)

    本篇将详细介绍JavaScript表单验证函数的一些关键知识点。 一、基本验证概念 1. 验证类型:表单验证通常包括对字符串长度、数字范围、邮箱格式、电话号码、日期等的验证。 2. 验证时机:验证可以在用户输入时实时...

    表单校验(构造函数的写法)

    在JavaScript编程中,表单校验是不可或缺的一部分,它用于确保用户输入的数据符合特定的格式和规则,从而提高用户体验并防止无效数据提交到服务器。在本案例中,开发者使用了构造函数的方式来实现自定义的表单校验...

Global site tag (gtag.js) - Google Analytics