`

js校验表单中数据格式及数字类型

阅读更多
<script type="text/javascript">   
    function isNumberInt(form){   
        var rtnBoolean = false;   
           
        var phoneParam = form.phone.value;   
        var mobileParam = form.mobile.value;   
           
        var enterPhone1 = "请输入联系电话!";   
        var enterPhone2 = "请输入真实的联系电话!";   
        var numberPhone = "联系电话,请输入数字!";   
        rtnBoolean = validLength(phoneParam,1,7,enterPhone1,enterPhone2);   
        if(rtnBoolean == false){   
            return rtnBoolean;   
        }   
           
        rtnBoolean = validNumber(phoneParam,numberPhone);   
        if(rtnBoolean == false){   
            return rtnBoolean;   
        }   
           
           
        var enterMobile1 = "请输入手机号码!";   
        var enterMobile2 = "请输入真实的手机号码!";   
        var numberMobile = "手机号码,请输入数字!";   
           
        rtnBoolean = validLength(mobileParam,1,11,enterMobile1,enterMobile2);   
        if(rtnBoolean == false){   
            return rtnBoolean;   
        }   
           
        rtnBoolean = validNumber(mobileParam,numberMobile);   
        if(rtnBoolean == false){   
            return rtnBoolean;   
        }   
           
        return true;   
    }   
  
    function validLength(param,minLength,stdLength,alertParam1,alertParam2){   
        if(param.length < minLength){   
            alert(alertParam1);   
            return false;   
        }   
           
        if(param.length < stdLength){   
            alert(alertParam2);   
            return false;   
        }   
    }   
       
    function validNumber(param,numberPhone){   
        for (i = 0;i < param.length;i++){   
            ch = param.charAt(i);   
            if(ch<'0'||ch>'9'){   
                alert(numberPhone);   
                    return false;   
            }   
        }      
    }   
  
</script>  

 

 

<form name="msgForm" action="提交的路径" method=post>  
                <table class="word">                      
                    <tr>    
                      <td height="25"><div align="right">标题:</div></td>  
                      <td colspan="2"><input name="headline" type="text" size="40"> <font color="#FF0000">  
                        *</font></td>  
                    </tr>                       
                    <tr>    
                      <td height="25"><div align="right">用户名:</div></td>  
                      <td colspan="2"><input name="userName" type="text"> <font color="#FF0000">    
                        *</font></td>  
                    </tr>                       
                    <tr>    
                      <td height="25"><div align="right">公司名:</div></td>  
                      <td colspan="2"><input name="companyName" type="text" size="40"> <font color="#FF0000">    
                        *</font></td>  
                    </tr>                       
                    <tr>    
                      <td height="25"><div align="right">联系电话:</div></td>  
                      <td colspan="2"><input name="phone" type="text"></td>  
                    </tr>                       
                    <tr>    
                      <td height="25"><div align="right">手机:</div></td>  
                      <td colspan="2"><input name="mobile" type="text"></td>  
                    </tr>  
                    <tr>    
                      <td height="25"><div align="right">电子邮件</div></td>  
                      <td colspan="2"><input type="text" name="email"></td>  
                    </tr>  
                    <tr>    
                      <td height="25"><div align="right">邮政编码:</div></td>  
                      <td colspan="2"><input type="text" name="textfield5"></td>  
                    </tr>                       
                    <tr>    
                      <td height="25"><div align="right">留言内容:</div></td>  
                      <td colspan="2">  
                        <textarea name="msgContent" cols="40" rows="10"></textarea>  
                      </td>  
                    </tr>  
                    <tr>    
                      <td> </td>  
                      <td width="9%">  
                        <input type="submit" name="submit" value="提交" onclick="return isNumberInt(msgForm);">  
                      </td>  
                      <td width="66%"><input type="reset" name="reset" value="重置"></td>  
                    </tr>  
                </table>                     
</form>  

 

分享到:
评论

相关推荐

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

    总结,JS表单验证和数据类型校验是Web开发中的基础技能,通过`validateForm.js`这样的工具,我们可以更高效地实现表单的统一验证,提高用户体验,并确保数据的准确性。同时,了解并熟练运用这些技术,对于提升Web...

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

    `&lt;form&gt;`元素还可以与`&lt;input type="submit"&gt;`按钮结合,当用户点击提交按钮时,表单数据会被发送到指定的服务器地址。 二、表单事件 JavaScript通过监听表单事件来实现校验。常见的表单事件有: 1. `onsubmit`:...

    Web通用的表单校验JS

    在Web开发中,表单是收集用户数据的重要途径,而表单校验则是确保这些数据质量和安全的关键步骤。本文将详细介绍一种通用的JavaScript(JS)表单校验方法,通过导入特定的JS文件,可以轻松实现对用户输入的验证。 ...

    基于VueElementUI快速创建生成表单进行数据校验获取表单数据

    本教程将深入探讨如何利用Vue和Element UI快速创建生成表单,执行数据校验,并获取表单数据。 首先,创建一个基于Vue的项目,可以使用官方推荐的Vue CLI工具。通过运行`vue create project-name`命令,你可以快速...

    struts2笔记之校验表单信息

    在Struts2中,表单数据的校验是一个关键环节,用于确保用户提交的数据符合预期的格式和规则。本篇笔记将详细讲解Struts2中服务器端与客户端对表单数据的校验方式。 首先,Struts2提供了一系列内置的校验器,包括: ...

    JavaScript 数据校验 用户登录 示例代码

    JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据校验 用户登录 示例代码JavaScript 数据...

    js校验特殊字符

    本示例中,我们关注的是如何使用JavaScript来校验输入数据中是否包含特殊字符。特殊字符过滤是一个常见的需求,它能防止不合规的字符如SQL注入攻击等安全问题。以下是关于"js校验特殊字符"这一主题的详细解释: 1. ...

    JS验证表单填写的格式是否正确的方法

    在网页开发中,JavaScript(简称JS)是一种必不可少的前端编程语言,它被广泛用于处理用户交互,其中之一就是验证用户在表单中输入的数据格式。表单验证能够确保用户提交的信息符合预设的标准,例如正确的电话号码、...

    常用表单数据验证JS

    "常用表单数据验证JS"这个压缩包很可能是包含了一系列JavaScript函数和库,用于实现各种常见的表单验证功能。以下是一些关于表单数据验证的基本概念和常用方法: 1. **基本概念**: - **数据验证**:是指在用户...

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

    在进行Web应用程序开发时,表单验证是一项非常重要的功能,它可以确保用户输入的数据格式正确并符合预期的要求。其中,身份证号码验证尤其重要,因为它涉及到个人信息的真实性和合法性。本文将详细介绍如何使用...

    页面的数据校验JS和HTML

    页面数据校验是Web应用程序中的一个关键环节,它有助于确保用户提交的数据符合预期的格式、类型和范围,从而避免了后续处理阶段可能出现的问题。例如,如果一个表单字段预期接收的是电子邮件地址,那么通过前端校验...

    ext_表单提交_数据校验

    #### 六、表单数据提交方法 Ext JS提供了多种向后台提交数据的方式,包括传统的HTML表单提交以及基于Ajax的异步提交。其中,`form.submit()`是Ext默认的提交方式,它利用Ajax技术进行数据传输,无需刷新整个页面...

    javascript实现常用的表单前台数据的校验

    本篇文章将详细介绍如何使用JavaScript实现常见的表单前台数据校验。 一、基础验证函数 在JavaScript中,我们可以自定义函数来检查用户输入的数据。例如,验证邮箱格式可以使用以下函数: ```javascript function...

    javascript 表单验证禁止输入中文汉字

    在网页开发中,表单验证是一项非常重要的任务,它确保用户输入的数据符合预期的格式,以提高数据质量并减少服务器端的压力。JavaScript 是一种常用的客户端脚本语言,它可以直接在用户的浏览器上运行,用于实现表单...

    jq 表单校验工具

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

    JavaScript校验设计.zip

    在网页开发中,JavaScript校验设计扮演着至关重要的角色,它能够确保用户输入的数据符合预设的格式和规则,减少服务器端的压力,提高用户体验。本文将深入探讨JavaScript中的数据验证设计与数据获取。 一、...

    JS通用表单验证函数1

    在JavaScript编程中,表单验证是网页开发中的一个重要环节,它确保用户输入的数据符合预期的格式和规则,从而提高用户体验并防止错误数据的提交。"JS通用表单验证函数1"是一个针对这一需求的解决方案,它提供了一种...

    表单校验&文件下载

    表单校验是在用户提交数据之前,对输入的数据进行检查,以确保其符合预设的规则或格式。这有助于防止无效数据的提交,提高数据质量,同时也能为用户提供更好的用户体验,通过即时反馈告知他们输入是否正确。常见的...

    前台数据校验--validate.js

    3. **多种验证类型**:内置多种常见验证类型,如非空、长度限制、数字范围、日期格式等,覆盖了大部分常见的表单验证需求。 4. **易于集成**:该库与现有的前端框架如 jQuery、React、Vue 等有良好的兼容性,可以...

    JS注册表单验证

    网上常见的用JS编写的注册表单验证的代码,非常实用哦

Global site tag (gtag.js) - Google Analytics