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 ...
随机推荐
- 用Python最原始的函数模拟eval函数的浮点数运算功能
前几天看一个网友提问,如何计算'1+1'这种字符串的值,不能用eval函数. 我仿佛记得以前新手时,对这个问题完全不知道如何下手. 我觉得处理括号实在是太复杂了,多层嵌套括号怎么解析呢?一些多余的括号 ...
- 协议系列之TCP协议
3.TCP协议 从上一节我们了解了什么是IP协议,以及IP协议的一些特性,利用IP协议传输都是单向的,不可靠的,无连接状态的.正是这些特性,于是便产生了TCP协议.TCP协议属于传输层,在IP协议网络 ...
- 【Android 系统开发】使用 Source InSight 阅读 Android 源码
1. 安装 Source Insight (1) Source Insight 相关资源 安装相关资源 : -- 下载地址 : http://www.sourceinsight.com/down35. ...
- 如何将Provisioning Profile安装到开发的Mac系统上
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交 ...
- GDAL不支持创建PCIDSK的面状矢量格式
最近在使用GDAL创建PCIDSK格式的矢量数据,发现创建点和线的矢量数据都没问题,创建面状的只有属性表没有图形.在GDAL官网说明也写的是支持的,地址为:http://www.gdal.org/fr ...
- sharepoint adfs Adding Claims to an Existing Token Issuer in SharePoint 2010
转载链接 http://www.theidentityguy.com/articles/2010/10/19/adding-claims-to-an-existing-token-issuer-i ...
- Android的AdapterView及其子类简介-android学习之旅（二十三）
AdapterView简介 AdapterView组件是一类非常重要的组件,AdapterView本身是一根抽象基类,继承于ViewGroup,用法十分相似,只是显示形式不一样,因此同意讲解. Ada ...
- DB2数据库常用命令
--创建数据库 CREATE DATABASE example AUTOMATIC STORAGE YES --自动存储 ON 'D:\' DBPATH ON'D:\' --指定数据库控制文件的存储路 ...
- hive中与hbase外部表join时内存溢出（hive处理mapjoin的优化器机制）
与hbase外部表(wizad_mdm_main)进行join出现问题: CREATE TABLE wizad_mdm_dev_lmj_edition_result as select * from ...
- 四大组件之Activity小结
一大波面试就要靠近,赶紧总结总结一些基础问题 1.Activity的概念 是Android应用层开发的四大组件之一,主要负责和用户交互部分,有自己的生命周期,在其上可以布置按钮,文本框等各种控件,简单 ...