1 表单项不能为空

<script language="javascript">

<!--

function CheckForm()

{

if (document.form.name.value.length == 0) {

alert("请输入您姓名!");

document.form.name.focus();

return false;

}

return true;

}

-->

</script>

2 比较两个表单项的值是否相同

<script language="javascript">

<!--

function CheckForm()

if (document.form.PWD.value != document.form.PWD_Again.value) {

alert("您两次输入的密码不一样!请重新输入.");

document.ADDUser.PWD.focus();

return false;

}

return true;

}

-->

</script>

3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

<script language="javascript">

<!--

function isNumber(String)

{

var Letters = "1234567890-"; //可以自己增加可输入值

var i;

var c;

if(String.charAt( 0 )=='-')

return false;

if( String.charAt( String.length - 1 ) == '-' )

return false;

for( i = 0; i < String.length; i ++ )

{

c = String.charAt( i );

if (Letters.indexOf( c ) < 0)

return false;

}

return true;

}

function CheckForm()

{

if(! isNumber(document.form.TEL.value)) {

alert("您的电话号码不合法!");

document.form.TEL.focus();

return false;

}

return true;

}

-->

</script>

4 表单项输入数值/长度限定

<script language="javascript">

<!--

function CheckForm()

{

if (document.form.count.value > 100 || document.form.count.value < 1)

{

alert("输入数值不能小于零大于100!");

document.form.count.focus();

return false;

}

if (document.form.MESSAGE.value.length<10)

{

alert("输入文字小于10!");

document.form.MESSAGE.focus();

return false;

}

return true;

}

//-->
5 中文/英文/数字/邮件地址合法性判断

<SCRIPT LANGUAGE="javascript">

<!--

function isEnglish(name) //英文值检测

{

if(name.length == 0)

return false;

for(i = 0; i < name.length; i++) {

if(name.charCodeAt(i) > 128)

return false;

}

return true;

}

function isChinese(name) //中文值检测

{

if(name.length == 0)

return false;

for(i = 0; i < name.length; i++) {

if(name.charCodeAt(i) > 128)

return true;

}

return false;

}

function isMail(name) // E-mail值检测

{

if(! isEnglish(name))

return false;

i = name.indexOf("@");

j = name.lastIndexOf("@");

if(i == -1)

return false;

if(i != j)

return false;

if(i == name.length)

return false;

return true;

}

function isNumber(name) //数值检测

{

if(name.length == 0)

return false;

for(i = 0; i < name.length; i++) {

if(name.charAt(i) < "0" || name.charAt(i) > "9")

return false;

}

return true;

}

function CheckForm()

{

if(! isMail(form.Email.value)) {

alert("您的电子邮件不合法!");

form.Email.focus();

return false;

}

if(! isEnglish(form.name.value)) {

alert("英文名不合法!");

form.name.focus();

return false;

}

if(! isChinese(form.cnname.value)) {

alert("中文名不合法!");

form.cnname.focus();

return false;

}

if(! isNumber(form.PublicZipCode.value)) {

alert("邮政编码不合法!");

form.PublicZipCode.focus();

return false;

}

return true;

}

//-->

</SCRIPT>
6 限定表单项不能输入的字符

<script language="javascript">

<!--

function contain(str,charset)// 字符串包含测试函数

{

var i;

for(i=0;i<charset.length;i++)

if(str.indexOf(charset.charAt(i))>=0)

return true;

return false;

}

function CheckForm()

{

if ((contain(document.form.NAME.value, "%\(\)><")) || (contain(document.form.MESSAGE.value,
"%\(\)><")))

{

alert("输入了非法字符");

document.form.NAME.focus();

return false;

}

return true;

}

//-->

</script>
</script>

转载于:https://www.cnblogs.com/swizard/articles/345450.html

javaScript技巧表:单提交验证类[转载]相关推荐

  1. php中表单的非空验证,Javascript的表单与验证-非空验证_javascript技巧

    JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 表单提交前要检查数据的合法性 在要对表单里的数据进行验证的时候,可以利用getElementById()来 ...

  2. Javascript阻止表单提交

    Javascript阻止表单提交 Html 1.<form name="loginForm" action="login.aspx" method=&qu ...

  3. 如何通过纯javascript实现表单提交

    如何通过纯javascript实现表单提交 通常,如果是POST方法,一般使用vuejs+axios,或使用Jquery实现表单提交.有些地方,我想使用纯JS实现,比方简单的登陆跳转.话不多说,看原代 ...

  4. Angualr6表单提交验证并跳转

    在Angular6中,使用NG-ZRROR作为前端开发框架,在进行表单开发时遇到了一些问题,最后解决了,在此记录. 1.表单构造: 引入forms: import { FormGroup, FormB ...

  5. 原生JS 表单提交验证器

    一.前言 最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过"缜密"的讨论后,我们决定 不用外部流行的框架,如bootstrap,由于我负责的模块 仅仅是其中的一部分, ...

  6. 表单提交验证新实践之class-validator

    class-validator实践篇 之前有一篇关于class-validator的基础的介绍,这篇来一下如何实践: 首先介绍一下业务背景:简单来说就是一个表单提交 ,根据类型的选择进行四种提交模式. ...

  7. 【微信小程序】表单提交验证及获取表单输入的值

    效果图: 说明:请选择房屋所在城市的效果是省市区选择器,刚开始我们可能直接在picker选择器中直接包含一个input输入框实现,但是这样的话点击选择的话可能聚焦在输入框中,我们想要的效果是点击的时候 ...

  8. javascript实现表单提交加密

    通常表单的提交有两种方式,一是直接通过html的form提交,代码如下: <form action="" method="" id="forms ...

  9. CodeIgniter典型的表单提交验证代码

    view内容: <?php echo form_open('user/reg'); ?><h5>用户名</h5><input type="text& ...

最新文章

  1. 在PHP中给表格加上css样式,表格CSS样式设置 给table表格设置CSS样式表
  2. ios游戏开发 Sprite Kit教程:初学者 2
  3. go interface 转int_大神是如何学习 Go 语言之反射的实现原理
  4. 手机python3_python3 简单手机验证码的实现
  5. 日志库EasyLogging++学习系列(3)—— 配置功能
  6. Shell(4)——测试test、[]、逻辑、||文件-f、-d、-x、-eq、-gt、-ge、-lt、-le、-ne
  7. element tree不刷新视图_Vue项目布署后,刷新页面404的真正原因找到了
  8. Thymeleaf基本知识
  9. php调用第三方接口代码,PHP接口编程——调用第三方接口获取天气
  10. 今天开始进入cdsn~~~
  11. 知识图谱 - 知识体系构建与知识融合
  12. miRNA数据库篇——RNAcentral
  13. 估算项目工作量的方法:定额法
  14. java 导出多个excel_Java导出Excel压缩包
  15. CAML语法- Query写法
  16. html自动拿微信扫描,HTML——微信浏览器H5页面调用微信扫一扫
  17. python中temp的用法_请问Python里temp是什么意思?
  18. 2022年公示的第一家企业征信备案机构
  19. Crack:GrapeCity Documents for Excel 6.0.1
  20. 微信头像挂件来了,想在头像加什么就来加什么吧!

热门文章

  1. mysql 自动维护uuid_MySQL实现自动使用uuid作为主键以及解决不能调用触发器的一点思路...
  2. 前端大屏幕项目的一点思考
  3. impdp 不兼容_oracle - Oracle:使用impdp导入数据库转储时出错:Data Pump客户端与数据库版本12.1.0.2.0不兼容 - 堆栈内存溢出...
  4. python里安装mysql有错_尝试在Python3.4上安装MySQL时出错
  5. openresty模板html页面,单页面部署去Html缓存 nginx/openresty
  6. (补)20200328:两两交换链表中的节点(leetcode24)
  7. ubuntu mysql 操作_Ubuntu系统下MySQL数据库基本操作
  8. android 开机自动启动应用,以及如何放置系统应用(system/app)中
  9. TensorFlow Lite发布重大更新!支持移动GPU、推断速度提升4-6倍
  10. 亚马逊狂发智能硬件新品:全新音箱、微波炉、挂钟、家庭卫士