主要API如下:
验证str中是否含有seed
验证是否相等
验证str是否是一个指定date之后的时间字符串,默认date为现在,与之相反的是isBefore方法
检查是否是布尔值
检查是否是信用卡
检查str是否是一个可以被number整除的数字
检查是否是邮件地址
检查字符串是否为空
是否是域名
是否是浮点数
是否是哈希值
是否是十六进制颜色值,例如#ffffff
是否是十六进制数字
是否是IP地址值,version为4或者6
是否是ISBN号,version为10或者13
是否是整数
使用JSON.parse判断是否是json
判断字符串的长度是否在一个范围内,options默认为{min:0, max: undefined}
是否小写
是否是MAC地址
是否是MD5加密的哈希值
是否是MIME type值
是否是MongoDB的id值
是否仅仅包含数字
是否是一个端口号
是否是一个URL地址
是否大写
是否匹配,利用match方法,其中匹配的模式可以作为第三个参数,当然也可以卸载正则表达式pattern中
移除黑名单中的字符
对< > & ' " /进行HTML转义,与之相反的方法是unescape
对字符进行左缩进,与之对应的右缩进为rtrim方法,两端缩进trim
此外还有toBoolean、toDate、toFloat、toInt、whitelist
JS中的数据类型分为三大类:
数据类型检测四种方式
语法: typeof [value]
基于 typeof检测结果
@优势
使用方便,所以在真实项目中,我们也会大量应用它来检测,尤其是在检测基本类型值(除null之外)和函数类型值的时候,它还是很方便的
@局限性
1、 typeof null =>“object” , 但是null 并不是对象,是空指针对象
2、无法细分当前值是普通对象还是数组对象等, 如: 是正则 还是数组
因为只要是对象数据类型,返回的结果都是"object"
语法: [实例] instanceof [类]
@局限性:
1、不能处理基本数据类型值
2、只要在当前实例的原型链( proto )中出现过的类,检测结果都是true(用户可能会手动修改原型链的指向:example.proto 或者 在类的继承中 等情况)
@原理
在类的原型上一般都会带有CONSTRUCTOR属性,存储当前类本身,我们也是利用这一点,获取某实例的CONSTRUCTOR属性值,验证是否为所属的类,从而进行数据类型检测
@局限性
可以去随意修改对应的constructor值或者是手动给ary增加一个私有的constructor属性等
"[object 所属类]" ,例如:"[object Array]"...
**所有的数据类型上都有toString方法,只有Object原型上的toString是检测当前实例所属类的详细信息的,其它原型的方法仅仅是转换为字符串
@原理
1.首先基于原型链查找机制,找到Object.prototype.toString
2.把找到的方法执行,方法中的this ->obj
3.方法内部把this(obj)的所属类信息输出
=>方法执行,方法中的this是谁,就是检测谁的所属类信息
@优势
所有数据类型隶属的类信息检测的一清二楚
String/Boolean/Null/Undefined/Symbol/Object/Array/RegExp/Date/Math/Function...
结合每个方法,属性的优缺点,我们来封装一个简单的检测数据类型库:
form表单的数据先由js判断处理,通过后再提交数据到后台。
1、js获取表单数据,根据实际情况判断是否符合规则。一般的判断是否为空,是否含有不安全字符,有就过滤掉(这一步也可以在后台处理)。
2、对于未通过的输入,向用户返回信息提示。
3、验证通过,提交数据到后台。
4、根据实际需求做处理.....
下面是一个简单的例子:
<form id="loginForm" action="" method="post">用户名: <input id="username" name="username" type="text" maxlength="16" />
<br />
<input id="go" type="button" value="提交" />
</form>
<script>
var loginForm = document.getElementById('loginForm')
var go = document.getElementById('go')
go.onclick = function(){
var username = loginForm.username.value
//这里判断了用户名的输入不能为空,且长度为6-16位
if(username && (typeof(username)!='undefined') && (username!=0) && (username.length>=6) && (username.length<=16)){
//验证通过,提交表单数据
loginForm.submit()
}else{
alert('输入不符合规则')
}
}
</script>
通常要先在前端对数据做处理得情况下,并不是用<input type="submit" />按钮,而是用<input type="button" />按钮,因为要先对数据进行处理再提交到后台;对于数据的判断验证,大多是使用正则表达式来判断的,虽然比较麻烦,不过如今浏览器对html5的兼容则省掉不少麻烦,新增的 input 类型可以满足一般的需求。