表单验证常用正则表达式
来源:互联网 发布:sql去掉重复的数据 编辑:程序博客网 时间:2024/06/05 14:19
<div class="container">
<label>QQ</label><input type="text" id="inp1"><span></span><br>
<label>手机</label><input type="text" id="inp2"><span></span><br>
<label>昵称</label><input type="text" id="inp3"><span></span><br>
<label>密码</label><input type="password" id="inp4"><span></span><br>
<label>邮箱</label><input type="text" id="inp5"><span></span><br>
</div>
</body>
<script type="text/javascript">
var g = function(id){return document.getElementById(id);}
var changed = function(id, fn){
g(id).onchange = fn;
}
var setNextHtml = function(id, html){
g(id).nextSibling.innerHTML = html;
}
var val = function(id){
return g(id).value;
}
changed('inp1', function(){
if(/^\d{5,11}$/.test(val('inp1'))){
setNextHtml('inp1', '');
}else{
setNextHtml('inp1', '06 QQ号码为5到11位数字');
}
});
changed('inp2', function(){
if(/^1\d{12}$/.test(val('inp2'))){
setNextHtml('inp2', '');
}else{
setNextHtml('inp2', '手机号为数字1开头,13位的数字');
}
});
changed('inp3', function(){
if(/^[\w\-\u4e00-\u9fa5]{1,7}$/.test(val('inp3'))){
setNextHtml('inp3', '')
}else{
setNextHtml('inp3', '昵称为1到7位')
}
});
changed('inp4', function(){
if(/^[A-Z]\w{1,15}$/.test(val('inp4'))){
setNextHtml('inp4', '');
}else{
setNextHtml('inp4', '密码为首字母大写,1到16位');
}
});
changed('inp5', function(){
if(/^[\w\-\.]+\@[\w]+\.[\w]{2,4}/.test(val('inp5'))){
setNextHtml('inp5', '')
}else{
setNextHtml('inp5', '请输入正确邮箱格式')
}
});
</script>
<label>QQ</label><input type="text" id="inp1"><span></span><br>
<label>手机</label><input type="text" id="inp2"><span></span><br>
<label>昵称</label><input type="text" id="inp3"><span></span><br>
<label>密码</label><input type="password" id="inp4"><span></span><br>
<label>邮箱</label><input type="text" id="inp5"><span></span><br>
</div>
</body>
<script type="text/javascript">
var g = function(id){return document.getElementById(id);}
var changed = function(id, fn){
g(id).onchange = fn;
}
var setNextHtml = function(id, html){
g(id).nextSibling.innerHTML = html;
}
var val = function(id){
return g(id).value;
}
changed('inp1', function(){
if(/^\d{5,11}$/.test(val('inp1'))){
setNextHtml('inp1', '');
}else{
setNextHtml('inp1', '06 QQ号码为5到11位数字');
}
});
changed('inp2', function(){
if(/^1\d{12}$/.test(val('inp2'))){
setNextHtml('inp2', '');
}else{
setNextHtml('inp2', '手机号为数字1开头,13位的数字');
}
});
changed('inp3', function(){
if(/^[\w\-\u4e00-\u9fa5]{1,7}$/.test(val('inp3'))){
setNextHtml('inp3', '')
}else{
setNextHtml('inp3', '昵称为1到7位')
}
});
changed('inp4', function(){
if(/^[A-Z]\w{1,15}$/.test(val('inp4'))){
setNextHtml('inp4', '');
}else{
setNextHtml('inp4', '密码为首字母大写,1到16位');
}
});
changed('inp5', function(){
if(/^[\w\-\.]+\@[\w]+\.[\w]{2,4}/.test(val('inp5'))){
setNextHtml('inp5', '')
}else{
setNextHtml('inp5', '请输入正确邮箱格式')
}
});
</script>
0 0
- 常用验证表单正则表达式
- 表单验证常用正则表达式
- 表单验证常用正则表达式
- 常用的表单验证正则表达式
- js 常用正则表达式表单验证代码
- js 常用正则表达式表单验证代码
- js 常用正则表达式表单验证代码
- js 常用正则表达式表单验证代码
- js 常用正则表达式表单验证代码
- javascript表单验证常用正则表达式
- 表单验证常用的正则表达式
- 验证表单元素常用的正则表达式
- 常用的表单正则表达式验证总结
- 表单验证常用的正则表达式
- js 常用正则表达式表单验证代码
- ExtJS textField 表单验证 常用正则表达式
- 前端表单验证常用的正则表达式
- 表单验证常用的正则表达式
- node安装及环境配置
- hdu5803
- React Native 项目(One 【一个】客户端)
- 51nod 1384 全排列
- php单双引号的区别
- 表单验证常用正则表达式
- 文本框仅可接收decimal
- Fragment知识点全解析(二)
- 1602LCD液晶显示
- 三羊献瑞
- Yarn 调度器Scheduler配置详解
- acm几何凸包hdu1392
- 坐公交车学习(二)Java的设计模式之一:单例模式
- python语法