----01----
var name = document.getElementById(" uname ").value;
//是获取HTML标签中id=“uname”的value的方法
//获取你指定Id的那个对象的值
----02----
document.getElementById(“unamesp”).innerHTML=“当前用户不合法,用户名必须在6-8”;
// < span id=“unamesp”>< /span >
----03----
正则表达式
限定符 用来限定所修饰之前的一个字符 出现的个数
? 代表当前的字符出现 1次 或者 0次
+ 代表当前的字符出现至少1次
* 代表当前的字符出现0或多次
{n} 代表当前的字符 必须出现n次
{n,} 代表当前字符 最少出现n次
{n,m} 代表当前字符 出现[n,m] eg.{3,5} 3次 4次 5次
^ 表示以该符号开头 需要放在第一位
$ 表示以该符号结尾 需要出现在最后一位
在范围限定符后面添加**?** 非贪婪
默认 贪婪
正则表达式的简写方式:使用一对 /pattern/attr 来进行定义
----04----
非 ! 当前运算符操作的表达式的值最终取反 原先是真 最终为假 原先是假 最终为真
----05----
JS RegExp 对象
test() 方法
test() 方法用于检测一个字符串是否匹配某个模式.
如果字符串中有匹配的值返回 true ,否则返回 false。
语法:
RegExpObject . test (string)
----06----
范例:
<form action="#">
<tr>
<td>
姓名:
</td>
<td>
<input type="text" placeholder="姓名" id="uname">
<span id="unamesp"></span>
</td>
</tr>
<tr>
<td>
<input type="reset" value="重置">
<input type="button" value ="提交" onclick="user();"/>
</td>
</tr>
</from>
<script>
function user(){
var name = document.getElementById("uname").value; //将输入框中的值赋予变量name,通过id=uname获取
if(!/^.{6,8}$/.test(name)){
document.getElementById("unamesp").innerHTML="当前用户不合法,用户名必须在6-8";
}else{
alert("验证成功");
}
}
</script>