表单验证js封装

最新推荐文章于 2022-09-05 10:43:34 发布

linxi1209163com

最新推荐文章于 2022-09-05 10:43:34 发布

阅读量3.3k

点赞数

分类专栏： .net 文章标签： js 表单 javascript

本文链接：https://blog.csdn.net/linxi1209163com/article/details/48132999

版权

本文探讨了在项目中如何进行表单验证的封装，旨在减少重复代码并提高代码复用性。通过创建一个可接收文本框name公共部分的验证函数，实现了根据name+type自动完成验证的功能，例如使用'txtEnglish'作为name，传入'txt'即可验证是否为英文。作者强调了代码的迭代、抽象和优化对于创建更加优雅的代码库的重要性。

摘要由CSDN通过智能技术生成

表单验证js封装

表单验证在项目中可以说是必不可少的部分，只要有输入就有表单验证，从最简单的验证为不为空，到复杂的验证特殊字符，验证是不是邮箱，电话等特殊字符。当然最基本的原理大家都知道，就是用正则表达式。

但是多个文本框需要验证，我们都要重复的调用写好的一个又一个的验证函数么？项目做了一段时间，开始重新整合自己的代码，发现表单验证这块可以提出来，重新封装一下。在网上参考了大家不同的封装方法，都觉得不是自己想要的，于是就“自己动手，丰衣足食“自己仿照之前做mvc的时候controller的那种命名方法封了一个表单验证js:

//文本框验证方法
//需要验证的文本框的name属性，需要按照”xx“+type 这样的格式，其中xx随意，xx为传入的参数，例如想要验证输入的是否为中文，则name="xxChinese"
    function Validation(name){
        var t = $("input[name^=" + name + "]");
        for (var i = 0; i < t.length; i++) {
            if (t[i].value == null || t[i].value == "") {
                t[i].focus();
                t[i].select();
                myMsg("不能为空");
                return false;