javascript简单判断输入内容是否合法的方法

 更新时间:2016年05月11日 09:08:29   作者:dingyan954  
这篇文章主要介绍了javascript简单判断输入内容是否合法的方法,以验证用户名是否为数字与字母组成为例,分析了javascript正则验证的思路与实现方法,需要的朋友可以参考下

本文实例讲述了javascript简单判断输入内容是否合法的方法。分享给大家供大家参考,具体如下:

关于检测用户输入的内容是否有非法的字符检测实现思路

1、定义合法的字符串(源字符串)
2、获取用户输入的内容
3、循环的取出用户输入的每一个字符,去源字符串中查找
  1)、查找到了,返回字符串查找的位置
  2)、没有找到返回-1,我们正好利用-1检测用户输入的内容是否合法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML
1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>用户名是否可用</title>
<script type="text/JavaScript"language="javascript">
   function username(){
     var regex=/[a-zA-Z0-9_]*/;
     var username =document.getElementById('text').value;
     vara=regex.exec(username);
     if(a!=""){
       alert('用户名可用!');
     }else{
       alert('有非法字符');
     }
   }
</script>
</head>
<body>
<form>
   用户名:<input type="text"id="text" />
   <inputtype="button" onClick="username();" value="检验是否可用"/>
</form>
</body>
</html>

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • JS中欺骗词法作用域的eval和with详解

    JS中欺骗词法作用域的eval和with详解

    词法作用域就是定义在词法阶段的作用域,如果词法作用域完全由写代码期间函数所声明的位置来定义,怎样才能在运行时来“修改”(也可以说欺骗)词法作用域呢?JavaScript 中有两种机制来实现这个目的,感兴趣的朋友跟随小编一起看看吧
    2023-10-10
  • 给事件响应函数传参数的四种方式小结

    给事件响应函数传参数的四种方式小结

    这篇文章主要介绍了给事件响应函数传参数的四种方式。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 在element-ui的el-tree组件中用render函数生成el-button的实例代码

    在element-ui的el-tree组件中用render函数生成el-button的实例代码

    这篇文章主要介绍了在element-ui的el-tree组件中用render函数生成el-button 的方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • aspx中利用js实现确认删除代码

    aspx中利用js实现确认删除代码

    在一些程序开发中,对于删除操作,最好再让用户确认一下,以免误操作,带来的损失,下面的方法,大家可以参考下。各个语言下,都通用的思路。
    2010-07-07
  • 在Koa.js中实现文件上传的接口功能

    在Koa.js中实现文件上传的接口功能

    这篇文章主要介绍了在Koa.js中实现文件上传的接口功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10
  • 使用JavaScript实现图片放大镜功能

    使用JavaScript实现图片放大镜功能

    图片放大镜(Image Zoom)效果在许多电子商务网站、在线画廊和产品展示页面中得到广泛应用,它允许用户通过鼠标悬停在图片上,查看图片的详细局部放大效果,本文将详细介绍如何使用 JavaScript 实现一个基本的图片放大镜功能,需要的朋友可以参考下
    2024-12-12
  • 浅谈document.write()输出样式

    浅谈document.write()输出样式

    这篇文章主要介绍了浅谈document.write()输出样式,十分的简单实用,有需要的小伙伴可以参考下。
    2015-05-05
  • js实现简单数字变动效果

    js实现简单数字变动效果

    这篇文章主要为大家详细介绍了js实现数字变动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • JS实现页面超时后自动跳转到登陆页面

    JS实现页面超时后自动跳转到登陆页面

    这篇文章主要介绍了JS实现页面超时后自动跳转到登陆页面,需要的朋友可以参考下
    2015-01-01
  • JavaScript 防抖debounce与节流thorttle

    JavaScript 防抖debounce与节流thorttle

    这篇文章主要介绍了JavaScript 防抖debounce与节流thorttle,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-05-05

最新评论