近日，一朋友开设了地方性质的论坛，让我帮他处理下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合法的更多相关文章

  1. JavaScript—异步提交表单的6种方式

    FormData的详细介绍及使用请点击此处,那里对FormData的方法和事件已经表述的非常清楚,这里就不再浪费时间在介绍一遍了.本文主要针对FormData对象的使用以及异步文件上传进行详细的说明. ...

  2. Ajax提交表单时验证码自动验证 php后端验证码检测

    本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html <!DOCTYPE html> <html> &l ...

  3. js防止回车(enter)键提交表单及javascript中event.keycode

      如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里 ...

  4. JavaScript使用button提交表单

    <form action="test.html" method="POST"> <input type="button" ...

  5. JavaScript 小实例 - 表单输入内容检测，对页面的增删改

    JavaScript 小实例 - 表单输入内容检测,对页面的增删改 效果体验地址:https://xpwi.github.io/js/JavaScript01/jsForm.html 功能: 1.向页 ...

  6. JavaScript基础3——使用Button提交表单

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. 在javascript中关于submit和button提交表单区别

    submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上. ...

  8. （转）在javascript中关于submit和button提交表单区别

      原文来自:http://www.jb51.net/article/42236.htm   submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和b ...

  9. JavaScript防止重复提交表单

    往往有些用户网络慢或者其他问题,在提交表单的时候使劲点击保存提交按钮,在提交表单的时候加上下面的代码,即可以限制在一定时间内,只有一次点击是有效的. <script> var mypret ...

随机推荐

  1. Docker Volume 之权限管理（一）

    摘要: Volume数据卷是Docker的一个重要概念.数据卷是可供一个或多个容器使用的特殊目录,可以为容器应用存储提供有价值的特性.然而Docker数据卷的权限管理经常是非常令人困惑的.本文将结合实 ...

  2. SpringMVC基础配置(通过注解配置,非xml配置)

    SpringMVC是什么,有多火,我这里就不再啰嗦了,SpringMVC比Struts2好用太多,我在学校的时候私下里两种都接触过,对比之后果断选择了SpringMVC,后来在做Android应用开发 ...

  3. 【伯乐在线】100个高质量Java开发者博客

    本文由 ImportNew - 夏千林 翻译自 programcreek.欢迎加入翻译小组.转载请见文末要求. ImportNew注:原文中还没有100个.作者希望大家一起来推荐高质量的Java开发博 ...

  4. 全文检索概念，Lucene大致结构

    1.1 常见的全文检索 1) 在window系统中,可以指定磁盘中的某一个位置来搜索你想要得到的东西. 2) 在myeclipse中,点击Help->Help Contents,可以利用搜索功能 ...

  5. GDAL库三个读取Jpeg2000格式驱动测试

    0.目的 GDAL库中提供了四五种读取Jpeg2000的驱动,但是各个驱动读取数据的效率各不相同,下面就针对三种读取jpeg2000的效率进行测试. GDAL库中提供的读取Jpeg2000的驱动有下面 ...

  6. Sky（dart）语言介绍-android学习之旅（十）

    认识dart语言 google于2011年10月10日发布了"dart"语言的"早起预览版",google希望利用这款语言,帮助开发者克服javaScript的 ...

  7. Dalvik虚拟机

    Dalvik虚拟机是google专门为android平台开发的一个java虚拟机,但它并没有使用JVM规范.Dalvik虚拟机主要完成对象生命周期的管理.线程管理.安全和异常管理以及垃圾回收等重要功能 ...

  8. 最简单的基于librtmp的示例：接收（RTMP保存为FLV）

    ===================================================== 最简单的基于libRTMP的示例系列文章列表: 最简单的基于librtmp的示例:接收(RT ...

  9. iOS中 流媒体播放和下载 韩俊强的博客

    每日更新关注:http://weibo.com/hanjunqiang  新浪微博 iOS中关于流媒体的简介:介于下载本地播放与实时流媒体之间的一种播放形式,下载本地播放必须全部将文件下载完成后才能播 ...

  10. java造成内存泄露原因

    一.Java内存回收机制  不论哪种语言的内存分配方式,都需要返回所分配内存的真实地址,也就是返回一个指针到内存块的首地址.Java中对象是采用new或者反射的方法创建的,这些对象的创建都是在堆(He ...