JavaScript检测提交表单text合法
近日，一朋友开设了地方性质的论坛，让我帮他处理下Login.php（所谓的用户的登陆页面），但是登陆的时候，出现空字符或敏感字符，需要提交到服务端的Script处理，大大降低了效率，于是乎，就有了此代码之旅。
首先在网页的<head>部分写入js功能函数。我们暂且命名为recheck。
function recheck
{
if(document.getElementById(user).value==""||document.getElementById(user).value==null) //user为该text框ID
{
alert("不能为空"); //警告弹窗
return fasle;//函数返回值，阻止表单继续提交
}
}
第一次忘记写返回值了，导致给提交出去了--过滤了是过滤了，但是服务端还出现了无用数据--的处理
然后网页的Demo片段
<form id="form1" name="form1" method="post" action="x.php" onsubmit="return recheck()"><!--x.php为提交到的页面-->
<input id="user" type="text" name="user" />
<input type="submit" value="Submit" />
</form>
表单触发onsubmit提交事件后，检测表单内容是否为空，为空则返回FALSE假，不执行数据提交，否则为TRUE真则提交。
onblur即文本框失去焦点触发该JS DOM事件，即时提醒用户。document.getElementById(user).value即取得表单文本框的内容，你也可以写成 document.getElementsByName(文本框控件的NAME属性)[0].value,注意！document.getElementsByName返回的是数组！一个页面只允许一个ID出现，但是可以有多个相同的NAME!
假如你需要判断比较复杂的，例如：JS检测电子邮件地址合法的简单办法就是用JavaScript(JS)字符串查找/搜索函数来找是否有“@”和“.”：
String对像的indexOf或lastIndexOf：可用字符串的indexOf()方法判断。
再复杂些，你需要使用JS正则表达式来判断。
至于indexOf()函数
（1）start为你在str1中查找str2时的起始位置，可以省略，省略时默认起始位置
为0，即从str1的第0位字符开始找str2。
（2）value为返回值，如果value值为－1，则为没在str1中找到str2，若返回值不为
－1，则说明已经找到，并且得到了str2的第一个字符在str1中的位置。
JavaScript检测提交表单text合法的更多相关文章
- JavaScript—异步提交表单的6种方式
FormData的详细介绍及使用请点击此处,那里对FormData的方法和事件已经表述的非常清楚,这里就不再浪费时间在介绍一遍了.本文主要针对FormData对象的使用以及异步文件上传进行详细的说明. ...
- Ajax提交表单时验证码自动验证 php后端验证码检测
本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html <!DOCTYPE html> <html> &l ...
- js防止回车(enter)键提交表单及javascript中event.keycode
如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里 ...
- JavaScript使用button提交表单
<form action="test.html" method="POST"> <input type="button" ...
- JavaScript 小实例 - 表单输入内容检测，对页面的增删改
JavaScript 小实例 - 表单输入内容检测,对页面的增删改 效果体验地址:https://xpwi.github.io/js/JavaScript01/jsForm.html 功能: 1.向页 ...
- JavaScript基础3——使用Button提交表单
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 在javascript中关于submit和button提交表单区别
submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. ...
- （转）在javascript中关于submit和button提交表单区别
原文来自:http://www.jb51.net/article/42236.htm submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和b ...
- JavaScript防止重复提交表单
往往有些用户网络慢或者其他问题,在提交表单的时候使劲点击保存提交按钮,在提交表单的时候加上下面的代码,即可以限制在一定时间内,只有一次点击是有效的. <script> var mypret ...
随机推荐
- 计算机网络之套接字SOCKET
当某个应用进程启动系统调用时,控制权就从应用进程传递给了系统调用接口. 此接口再将控制权传递给计算机的操作系统.操作系统将此调用转给某个内部过程,并执行所请求的操作. 内部过程一旦执行完毕,控制权就又 ...
- 数组中的数分为两组，让给出一个算法，使得两个组的和的差的绝对值最小，数组中的数的取值范围是0<x<100，元素个数也是大于0， 小于100 。
比如a[]={2,4,5,6,7},得出的两组数{2,4,6}和{5,7},abs(sum(a1)-sum(a2))=0: 比如{2,5,6,10},abs(sum(2,10)-sum(5,6))=1 ...
- 从源码安装git
蛋疼的阿里云,git版本居然才1.9.只能手动安装了. 预装 apt-get update apt-get --yes install libcurl4-gnutls-dev libexpat1-de ...
- ORACLE EBS 表空间控制
--1G=1024MB --1M=1024KB --1K=1024Bytes --1M=11048576Bytes --1G=1024*11048576Bytes=11313741824Bytes S ...
- android 网络工具 之Android-Volley的demo
1.今天详细的研究了Volley的使用,下面来给大家介绍一下: Android Volley 是Google开发的一个网络lib,可以让你更加简单并且快速的访问网络数据.Volley库的网络请求都是异 ...
- Dynamics CRM2016 新功能之从CRM APP通过电子邮件发送页面链接
通过电子邮件发送页面链接在PC端早就有了,但APP端却始终没有,这版加上了这个功能,这里还是以case为例,发送页面链接的方式有两种 第一种在list界面,长按你要share的数据,会出来选项shar ...
- Swift基础之对FMDB第三方的使用方法
相信大家都熟悉OC使用FMDB第三方库,进行数据库操作,增.删.改.查,现在我就来利用代码展示一下Swift对此库的使用方法,我是通过Pods添加的第三方库,如果手动添加记得创建桥接文件,在文件中调用 ...
- 插件开发之360 DroidPlugin源码分析（五）Service预注册占坑
请尊重分享成果,转载请注明出处: http://blog.csdn.net/hejjunlin/article/details/52264977 在了解系统的activity,service,broa ...
- JVM的GC（概念与深入）
深入浅出了解什么是GC: http://my.oschina.net/xianggao/blog/86985 GC策略详解: http://blog.csdn.net/winniepu/article ...
- SYBASE的select into与insert into使用和区别
对于表的部分或全部字段的复制,Sybase数据库提供了两种方式:select into和insert into. select into: 语法:select value1, value2, val ...