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


Posted in Javascript onMay 11, 2016

本文实例讲述了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 相关文章推荐
js验证表单第二部分
Nov 25 Javascript
有效的捕获JavaScript焦点的方法小结
Oct 08 Javascript
JS模拟面向对象全解(一、类型及传递)
Jul 13 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
深入解析JavaScript中的数字对象与字符串对象
Oct 21 Javascript
jQuery基于扩展实现的倒计时效果
May 14 Javascript
详解微信小程序入门五: wxml文件引用、模版、生命周期
Jan 20 Javascript
JS 中LocalStorage和SessionStorage的使用
Aug 17 Javascript
Vue.js添加组件操作示例
Jun 13 Javascript
angular 服务的单例模式(依赖注入模式下)详解
Oct 22 Javascript
vue图片加载失败时用默认图片替换的方法
Aug 29 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
May 10 #Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
May 10 #Javascript
JavaScript中的原型prototype完全解析
May 10 #Javascript
简单解析JavaScript中的__proto__属性
May 10 #Javascript
Web Uploader文件上传插件使用详解
May 10 #Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
May 10 #Javascript
JS上传组件FileUpload自定义模板的使用方法
May 10 #Javascript
You might like
JSON两种结构之对象和数组的理解
2016/07/19 PHP
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
2013/04/23 Javascript
js 日期比较相关天数代码
2014/04/02 Javascript
JavaScript 七大技巧(一)
2015/12/13 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
2016/09/23 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
2016/10/19 Javascript
详解基于javascript实现的苹果系统底部菜单
2016/12/02 Javascript
JS实现字符串转驼峰格式的方法
2016/12/16 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
2017/10/15 Javascript
图片懒加载imgLazyLoading.js使用详解
2020/09/15 Javascript
nodejs中密码加密处理操作详解
2018/03/20 NodeJs
webpack4 处理SCSS的方法示例
2018/09/03 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
2018/10/09 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
详解react阻止无效重渲染的多种方式
2018/12/11 Javascript
vue中使用WX-JSSDK的两种方法(推荐)
2020/01/18 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
Python中的迭代器漫谈
2015/02/03 Python
使用python将请求的requests headers参数格式化方法
2019/01/02 Python
python实现DEM数据的阴影生成的方法
2019/07/23 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
基于python+selenium的二次封装的实现
2020/01/06 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
Python autoescape标签用法解析
2020/01/17 Python
pip install命令安装扩展库整理
2021/03/02 Python
CSS Grid布局教程之什么是网格布局
2014/12/30 HTML / CSS
意大利文具和办公产品在线商店:Y-Office
2020/02/27 全球购物
学习雷锋倡议书
2014/04/15 职场文书
2014小学教师年度考核工作总结
2014/12/03 职场文书
兴趣班停课通知
2015/04/24 职场文书
对公司的意见和建议
2015/06/04 职场文书
2019年作为一名实习生的述职报告
2019/09/29 职场文书
css height属性中的calc方法详解
2021/06/03 HTML / CSS