html表单验证js代码,JavaScript表单验证实现代码
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证
JavaScript 表单验证
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。
被 JavaScript 验证的这些典型的表单数据有:
用户是否已填写表单中的必填项目?
用户输入的邮件地址是否合法?
用户是否已输入合法的日期?
用户是否在数据域 (numeric field) 中输入了文本?
必填(或必选)项目
下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
下面是连同 HTML 表单的代码:
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Email must be filled out!")==false)
{email.focus();return false}
}
}
Email:
E-mail 验证
下面的函数检查输入的数据是否符合电子邮件地址的基本语法。
意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
下面是连同 HTML 表单的完整代码:
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false}
}
}
Email:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
html表单验证js代码,JavaScript表单验证实现代码相关推荐
- 注册表单校验 js java,JavaScript表单验证完美代码
用原生JS写一个简单的表单验证 首先,是html部分 新用户注册 基本信息 用户名: 请输入至少3位的用户名 密码: 请输入4到8位的密码 确认密码: 请再输入一遍密码 手机号码: 请输入11位手机号 ...
- html自动验证邮件地址格式,JavaScript表单验证和邮箱格式验证的方法
JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单 ...
- php邮箱地址验证,js和php邮箱地址验证的实现方法
邮箱地址验证有很多方法.在浏览器端,js邮箱验证可以通过正则表达式检测. 比如: 复制代码 代码如下: function isEmail(email) { return /^((([a-z]|\d|[ ...
- 从js给html的form表单赋值,js获取form表单数据和form表单赋值
$.fn.extend({ // 调用方式:$("xxxxx").getform(); getform: function () { var obj = {}; var array ...
- 计算器html js php代码,JavaScript计算器网页版实现代码分享
JavaScript网页计算器代码,该计算器是用DW写的! HTML篇 计算器 > C ← ± + 7 8 9 - 4 5 6 × 1 2 3 ÷ 0 ▪ = CSS篇 @charset &qu ...
- php实现开关效果代码,JavaScript实现开关效果的代码分享
本文给大家分享一段简单的代码基于js实现开关灯效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧 废话不多说了,直接给大家贴代码了,具体代码如下所示: 开关灯 html, body { ...
- php 放大镜代码,JavaScript实现简单放大镜效果代码
本文主要和大家介绍了原生JavaScript实现的简单放大镜效果,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下,希望能帮助到大家. 原理:其实所谓的放大就是 ...
- html中插入gif的代码,JavaScript插入动态样式实现代码
与动态脚本类似,所谓动态样式是指在页面刚加载时不存在的样式:动态样式是在页面加载完成后动态添加到页面中. 我们以下面这个典型的元素为例: 使用DOM代码可以很容易的动态创建出这个元素: var lin ...
- JavaScript 表单对象 | 看完不会请来捶我
文章目录 一.访问表单与表单元素 1.JavaScript访问表单 2.JavaScript访问表单元素 二.表单对象的属性.方法与事件 1.属性 2.方法 3.事件 三.表单元素 1.文本框 (1) ...
最新文章
- 2022-2028年中国婴儿用品市场投资分析及前景预测报告
- R语言ggplot2可视化:水平半小提琴图(Horizontal Half Violin Plots)、去除水平半小提琴图中的填充色、ggridges包的绘制山脊图
- R构建径向核支持向量机分类器实战代码(Radial kernel Support Vector Classifier)
- 关于Basware的使用随想
- 编译x86架构的openwrt系统,让笔记本从u盘启动openwrt
- 洛谷 P2919 [USACO08NOV]守护农场Guarding the Farm
- scrapy 中不同页面的拼接_scrapy使用技巧总结
- thinkphp关联查询(多表查询)
- SpringBoot整合Drools规则引擎动态生成业务规则
- 双色球机器学习线性回归蓝球预测案例
- 第19集 轮廓的提取
- Windows Server 2012 R2 安装密钥
- 甲骨文终获Java编程语言版权
- Python爬虫入门【6】:蜂鸟网图片爬取之一
- 太空大战--声音与特效
- 深圳金证股份面试的经历
- Python读取Mysql数据库数据保存至csv文件,以及简单使用Python进行数据分析。(加州房价数据集)
- 面对ONF挑衅 思科用ACI回绝SDN挑战
- 浙大计算机学硕初试分数线,2016年浙江大学计算机考研复试分数线_浙江大学考研分数线...
- 003 C语言 输出名言
热门文章
- (Buuctf) [第五空间2019 决赛]PWN5 简单格式化字符串漏洞利用
- java反射克隆对象_Java反射 - 2(对象复制,父类域,内省)
- python flask解决上传下载的问题
- python的dir()和__dict__属性的区别
- Python处理正则表达式超时的办法
- Python 中的属性访问与描述符
- contains java_Java CopyOnWriteArraySet contains()用法及代码示例
- java编程button_以编程方式在Java Swing中单击GUIbutton
- 【中级软考】什么是非对称加密算法?
- python abs()函数是什么意思?