`

jquery验证手机号码和邮箱地址例子

 
阅读更多
//jquery验证邮箱
    function checkSubmitEmail(){
       if($("#email").val()==""){
    $("#confirmMsg").html("<font color='red'>邮箱地址不能为空!</font>");
    $("#email").focus();
    return false;
   }
   if(!$("#email").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)){
    $("#confirmMsg").html("<font color='red'>邮箱格式不正确!请重新输入!</font>");
    $("#email").focus();
    return false;
   }
   return true;
    }

  
    //jquery验证手机号码
  
 function checkSubmitMobil(){
       if($("#mobil").val()==""){
    $("#moileMsg").html("<font color='red'>手机号码不能为空!</font>");
    $("#mobil").focus();
    return false;
   }

   if(!$("#mobil").val().match(/^1[3|4|5|8][0-9]\d{4,8}$/)){
    $("#moileMsg").html("<font color='red'>手机号码格式不正确!请重新输入!</font>");
    $("#mobil").focus();
    return false;
   }
   return true;
    } 
分享到:
评论

相关推荐

    JQuery验证

    jQuery验证插件内置了许多预设的验证规则,如`required`(必填)、`email`(邮箱格式)、`url`(URL格式)等。你可以通过`rules`方法为表单元素添加这些规则: ```javascript $("#myForm").validate({ rules: { ...

    jQuery表单验证例子

    通过学习这个例子,你可以了解如何在实际项目中设置和使用jQuery Validate插件,这对于构建用户友好的、有严格数据验证的Web应用至关重要。在深入学习和实践过程中,你还将掌握如何结合其他jQuery功能,如动态添加...

    jquery验证手机号码、邮箱格式是否正确示例代码

    本文将详细解读使用jQuery进行邮箱和手机号码格式验证的具体实现方法以及相关知识点。为了方便理解,我将把知识点拆分成几个部分进行详细说明。 首先,我们来了解邮箱验证的实现方法。在给定的代码中,邮箱验证的...

    用JQuery用户注册验证小例子

    三、JQuery验证实现步骤 1. **获取表单元素**:使用JQuery的选择器获取注册表单中的输入字段,如用户名、密码、邮箱等。 2. **事件绑定**:通过`.on()`方法绑定事件监听器,例如`blur`事件(当元素失去焦点时触发)...

    jQuery邮箱、电话(包含手机验证)、身份证验证

    // 提交表单时验证邮箱 emailInput.parent('form').on('submit', function(e) { if (!emailRegex.test(emailInput.val())) { e.preventDefault(); alert('请输入有效的电子邮件地址'); } }); ``` 2. **电话验证...

    JQuery Validate插件的验证规则和例子,合成AJAX

    jQuery Validate插件提供了一系列内置的验证规则,如`required`(必填)、`email`(邮箱格式)、`url`(URL格式)、`number`(数字)、`digits`(纯数字)、`minlength`和`maxlength`(长度限制)等。开发者也可以...

    jquery jquery表单验证实用例子

    在网页开发中,jQuery是一个...总之,jQuery表单验证是网页开发中的重要一环,通过使用jQuery Validation Plugin,我们可以轻松实现各种复杂的验证规则,为用户提供更加友好的界面反馈,同时确保数据的有效性和一致性。

    jquery验证相关好例子

    本篇文章将深入探讨jQuery验证相关的知识点,以及如何利用jQuery和JavaScript进行有效的表单验证。 首先,jQuery提供了方便的事件处理机制,如`$(document).ready()`,允许我们在页面加载完成后执行代码,确保元素...

    Jquery例子,前后台交互,验证。

    本资源"Jquery例子,前后台交互,验证"提供了一系列实用的JavaScript代码示例,主要关注jQuery在网页交互和数据验证中的应用。以下是这些关键知识点的详细解释: 1. **jQuery库的引入**:jQuery库通常通过在HTML...

    jquery验证

    jQuery验证插件主要用于验证用户在表单中输入的数据,确保其符合预设的规则,例如邮箱格式、手机号码格式等。这个插件提供了便捷的方法来检查用户输入,如果数据无效,它会显示错误消息并阻止表单提交,从而避免无效...

    jQuery用户注册表单验证代码

    // 验证邮箱格式 var emailRegex = /\S+@\S+\.\S+/; if (!email.match(emailRegex)) { alert("请输入有效的电子邮件地址"); return false; } // 如果所有验证都通过,可以进行进一步的操作,如发送AJAX请求...

    jQuery验证框架

    ### jQuery验证框架详解 #### 一、概述 jQuery Validation Plugin 是一个非常强大的验证插件,它可以帮助开发者轻松地实现客户端表单验证功能。此插件是基于jQuery开发的,因此可以充分利用jQuery的强大功能来简化...

    jquery 验证插件包括常用验证

    为了简化表单验证的过程,许多开发者制作了各种验证插件,其中“网友梦三秋”开发的jQuery验证插件就是一个实用的例子。这个插件主要应用于用户注册、登录等场景,通过添加自定义规则,可以有效防止无效数据的提交,...

    JQuery验证 外一篇

    在网页应用中,表单验证是必不可少的,用于确保用户输入的数据符合预设的规则,例如邮箱格式、手机号码格式、密码强度等。jQuery验证插件提供了一种优雅的方式来实现这些验证功能,无需编写大量的JavaScript代码。 ...

    jquery验证框架,好用实用。。。

    **jQuery验证框架详解** jQuery Validate 是一个非常流行的前端验证插件,它为HTML表单提供了强大的验证功能。这个插件是jQuery库的一个扩展,能够帮助开发者轻松实现对用户输入数据的有效性检查,确保数据在提交前...

    jquery validate例子

    此外,jQuery Validate提供了丰富的事件和方法,如`submitHandler`(表单提交时触发)、`valid`(验证通过时触发)和`invalid`(验证失败时触发),可以帮助开发者在验证过程中进行更精细的控制。 现在,我们来看一...

    jQuery表单验证、弹出层、日历插件例子

    开发者可以定义各种验证规则,如非空、邮箱格式、手机号码等,并在表单提交时进行实时检查。此外,jQuery还允许自定义错误消息和样式,提高用户体验。 其次,弹出层(Modal)在Web界面设计中常常用于显示通知、确认...

    jquery 验证例子

    jQuery验证插件(jQuery Validation Plugin)是实现这一功能的首选工具,它提供了一套易于使用的API和丰富的验证规则。以下是一些关键知识点: 1. **安装与引入**:首先,你需要在项目中引入jQuery库和验证插件。这...

    jQuery判断注册填写信息的例子很全面的

    在这个例子中,我们将详细探讨如何使用JavaScript库jQuery来实现一系列常见的注册信息验证,如用户名、电话号码、身份证和邮箱等。 首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画设计...

Global site tag (gtag.js) - Google Analytics