实用的表单验证

14、表单验证与邮件发送:CGI 编程的实用指南 本文详细介绍了在CGI编程中如何进行用户输入验证和电子邮件发送的相关知识。内容涵盖正则表达式的使用、JavaScript和Perl在表单验证中的作用、Net::SMTP模块和sendmail工具发送电子邮件的方法,以及实际应用场景和常见问题的解决方案。通过实例代码和流程解析,帮助开发者构建更安全可靠的Web应用程序。 阅读详情

常用的表单验证:

// 表单验证
var userName = false;
var userPhone = false;
var userEmail = false;
var privacyClauseCheckbox = false;
 //验证收货人
 $('input[name="userName"]').focus(function() {
  
 }).blur(function() {
  if($(this).val().length >= 1 && $(this).val().length <= 10 && $(this).val() != '') {
   userName = true;
  } else {
   change_input('userName', '请填写姓名');
  }
 });
 // 验证邮箱
 $('input[name="userEmail"]').focus(function() {
 
  }).blur(function() {
   if($(this).val().search(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ ) == -1) {
    $(this).val("");
    change_input( "userEmail","请输入正确的邮箱格式!");
   } else {
    userEmail = true;
   }
 });
 // 验证手机号
$('input[name="userPhone"]').focus(function() {
 
 }).blur(function() {
  if($(this).val().search(/^1[34578]\d{9}$/) == -1) {
   $(this).val("");
   change_input( "userPhone","请输入正确的手机号格式!");
  } else {
   userPhone = true;
  }
});
// 隐私条款
$("input[name='privacyClauseCheckbox']").click(function(){
 if($("input[name='privacyClauseCheckbox']").is(':checked')){
//  alert(111);
  $('.privacyClause span').css('background-image','url(img/right.png)');
  privacyClauseCheckbox = true;
 } else {
  $('.privacyClause span').css('background-image','none');
  privacyClauseCheckbox = false;
 }
});
//
function change_input(name, msg)
{
 var squery = '[name=' + name + ']';
 $(squery).attr('placeholder', msg);
 $(squery).addClass('chage_input');
 $(squery).focus(function(){
   $(this).removeClass('chage_input'); 
 })
}
$('.sumbitForm').click(function() {
 if(userName && userPhone && userEmail && privacyClauseCheckbox) {
//  showLoading();
  $.ajax({  
            type: "POST",   //提交的方法
            url:"/home/request", //提交的地址  
            data:$("#formData").serialize(),// 序列化表单值  
            async: false,  
            success: function(data) { 
             hideLoading();
                alert(data);  //就将返回的数据显示出来
                window.location.href="跳转页面" 
            }  
//          error: function(request) {  //失败的话
//               alert("Connection error");  
//          },

机场数据治理系列介绍(1):机场行业数据中台中的数据管理顶层设计方案 民航机场行业的数据中台中,有关数据管理顶层设计方案需要结合机场行业的业务特点和技术需求进行具体的设计,今日我们简要考量设计提供一个参考方案: 阅读详情

相关推荐

模拟电子技术课设-压控信号发生器

正弦波产生电路的目的就是使电路产生一定频率和幅度的正弦波,我们一般在放大电路中引入正反馈,并创造条件,使其产生稳定可靠的振荡。由于图2.3-1所示电路中存在RC电路和积分电路两个延迟环节,在实用电路中,将它们“合二为一”,即去掉方波发生电路中的RC回路,使积分运算电路即作为延迟环节,又作为方变三角波电路,滯回比较器和积分运算电路的输出互为另一个电路的输入。接着对各单元电路的工作原理进行了分析,由直流稳压电源电路提供所需电压,文氏振荡器产生正弦波,滞回比较器产生方波,滞回比较器与积分器连接产生三角波。

Sulfurone的博客 5325

【VOLTE】VOLTE中的Precondition

preconditions require that the participant reserve network resources before continuing with the session.  We do not define new quality of service reservation mechanisms; these preconditions simply req

时九博客 7499

LED单元板驱动(HUB75接口)

开始之前先吐槽一下,搜这个的资料。要么都是Arduino,要么单片机的收费。小小的一个LED单元板,凭什么? 用Arduino是你速度快还是我ST,树莓派不好用?收费更离谱,这点东西还藏私?给你个中指凸。把原理都写出来看你怎么收费。 一、接口定义及原理 如图,有两个RGB通道,共占用6个IO。剩下的ABCDE为地址通道,LAT为行数据锁存通道,CLK为数据时钟,OE为低电平使能LED显示。图片这里没有E,证明它是16扫的,有E就会把B上面的地改为E。这样就是5位,2的5次方32扫。1.

a3748622的博客 3万+

表单验证-字段检测

注册时需要填写信息,如密码、身份证号、电话号码、邮箱等信息,这些信息的格式都有一顶的要求,如密码不小于6位等要求,可使用js脚本对这些输入数据进行检测,当输入格式不符合要求时,系统自动弹出出错信息。 1、script标签内添加验证函数 格式如下,当满足正确的格式时可返回true <script type="text/javascript"> function check(){ if(条件不满足) return false; else return

tiny_Firefly的博客 799

APB Timer验证环境搭建——学习笔记(6)

(1)为RELOAD VALUE配置初始值32'h8000_0000,设定边界值32'h4000_0000,可以看到减到想要的边界值的时候,counter重新加载RELOAD VALUE,重新开始计数;这根线,统计等待到中断的次数,与理论值做。(2)设定Reload value。(1)由于counter。recount总共次数;

qq_41651535的博客 497

1.30 Cubemx_STM32H743 SD_Card纳入文件管理系统

Cubemx_STM32H743 SD_Card纳入文件管理系统1、简介2、CubeMX配置 1、简介 和前面文章原理其实一样的。 1.29 Cubemx_STM32F429\H743 nandflash、spifalsh纳入文件管理系统 现在一并将SD卡、NandFlash、SPIFlash一并作为文件管理。 下面直接介绍SDcard,其他参考前面文章。 2、CubeMX配置 ...

oDuanYanGuHong的博客 1080

HTML5中表单验证的8种方法

在深人探讨表单验证之前,让我们先思考一下表单验证的真实含义。就其核心而言,表单验证是一套系统,它为终端用户检测无效的控件数据并标记这些错误。换言之,表单验证就是在表单提交服务器前对其进行一系列的检查并通知用户纠正错误。 但是真正的表单验证是什么? 是一种优化。 之所以说表单验证是一种优化,是因为仅通过表单验证机制不足以保证提交给服务器的表单数据是正确和有效的。另一方面,设计表单验证是为了让W

teresa502的专栏 3万+

S32K144 ADC硬件触发实战:PDB模块配置与DMA传输全流程解析

本文详细解析了S32K144微控制器中ADC硬件触发的全流程实现。通过配置PDB模块产生精确的定时触发信号,并联动DMA实现转换数据的自动搬运,构建了一个无需CPU干预的高效、低抖动数据采集系统。文章深入讲解了时钟配置、模块初始化、DMA引擎搭建及实战调试技巧,为汽车电子和工业控制应用提供了可靠的解决方案。

weixin_29174141的博客 226

15个非常实用的JavaScript表单验证库

来源:web前端开发https://mp.weixin.qq.com/s/p9s9cmAt2MZeCgmD2LC5Sg客户端验证在任何项目都是不可缺少的,很多时候我们需要在用户提交到服务...

程序员成长指北 2199

Apache-Plc4x-Modbus-Tcp学习记录(一)

Apache-Plc4x-Modbus-Tcp学习记录(一)

weixin_45325423的博客 6988

【BlueDroid】【PBAP】蓝牙电话本协议之同步通讯录分析(超详细)

Header - Type = "x-bt/vcard-listing":代表了该Request对应的Function为PullvCardListing;Profile:PBAP (4),上层应用层协议为PBAP,OBEX协议的上层应用层协议除了PBAP,还有OPP、MAP协议;Response in Frame:该request frame-485对应的Response frame为489;在PBAP协议同步通讯录和通讯记录中,都是基于OBEX协议实现的,PBAP协议作为了应用层协议;

风云说通信 2073

简洁实用的表单验证程序

简洁实用的表单验证程序2007-02-12 18:18 功能简述: 验证: http地址   时间日期   e-mai

无为 904

1️⃣ Coze智能体基础入门教学(2025年全新版本)

不妨设想一下,倘若我们能够打造出一个数字助手,它不但能精准洞悉我们的需求,更可以独立思索、学习以及付诸行动,这便是 AI Agent 的基础理念。它恰似计算机世界里的 “智慧精灵”,能够感知周遭环境、做出判断并采取行动。AI Agent 的发展之路精彩纷呈。它走过了三个重要阶段:起初,它犹如一个被规则束缚的机器人,只能按预设好的指令开展工作。接着,它学会运用统计学方法,通过分析数据来做决策,变得越发灵活。到如今,凭借深度学习技术,它已经能够像人类一样去学习复杂的任务了。

李同学Lino的博客 4087

【工具】15个非常实用的 JavaScript 表单验证库

客户端验证在任何项目都是不可缺少的,很多时候我们需要在用户提交到服务器之前给予提示。表单验证库允许开发人员自定义样式、错误消息和样式以及简化验证规则的创建。今天,我将与大家分享15个非常...

pingan8787 1025

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

BootstrapValidator,简单而实用的表单验证插件

BootstrapValidator,简单而实用的表单验证插件 https://blog.youkuaiyun.com/qq_40205116/article/details/97027846

天涯芳草 150

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

最实用的js表单验证方法

 每次都要用到表单验证的时候,就在到处找东西,而网上的很多都不见的好用。自己终于累计了这些方法,在自己的程序中使用了的一些方法,肯定是好用的,主要使用了简单的正则表达式进行判断。如果有bug,欢迎提出来。//下面验证的是长度function checkTextLen(textId){var len = 0;var checkField=document.getElementById(t

cuker919的专栏 1153

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章,有部分习题没有答案,全英文复分析阿尔福斯(Ahlfors) 第三版答案

一款比较实用齐全的jQuery 表单验证插件

一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证.不多说,看DEMO吧: 点此查看DEMO点此下载DEMO如何使用?第一步,当然是和使用其他jQuery插件一样,引...

aome1470的博客 142

一款比较实用齐全的jQuery表单验证插件

一款比较实用,并且验证类型齐全的jQuery表单验证插件. 可以验证哪些? 文字,日期,邮箱,网址,数字,AJAX用户名验证以及自定义的正则等等几乎所有我们要用到的验证. 如何使用? 第一步,当然是和使用其他jQuery插件一样,引入插件文件vanadium.js; 第二步,根据你表单要使用的验证方法,在你的表单中加入对应的验证挂钩.比如你想使下面的表单为必填项: [code="java...

生命的异狂 144

JavaScript 表单验证:简单又实用的实现方法

通过组合HTML5特性和JavaScript逻辑,可实现灵活高效的表单验证,兼顾开发效率与用户体验。表单验证是确保用户输入数据合法性的关键步骤。:零JavaScript代码,快速实现基础验证。:样式和错误提示难以自定义。

2501_93877439的博客 311

实用表单验证

demo $(function(){ var off=true; $('.queren').on('click',function(){ if(!$('form span').hasClass('a')){ if(off){ off=false; $('.pint-text').fadeIn(1000); $('.pint-text').html('请选

hu_mouse的博客 378

实用表单验证2

demo $(function(){ (function(){ var ok1=false;          var ok2=false; var ok3=false; var ok4=false; //判断电话号码  $('.phone').focus(function(){ if($(this).val()=='请输入电话

hu_mouse的博客 323
上一篇: js闭包
下一篇: 关于http协议
tiny_wei
博客等级 码龄9年 4粉丝 19原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值