如何用jquery验证文本框只能输入字母数字和下划线

如题所述

由数字、26个英文字母或者下划线组成的字符串可用jquery正则表达式:  /^\w+$/,验证代码为:

 var reg = /^\w+$/;
 if(reg.test($("input:text").val()))
   // 验证通过
 else
   // 验证失败

下面给出实例演示:

    创建Html元素

    <div class="box">
    <span>请输入用户名,限定字母、数字或下划线的组合:</span><br>
    <div class="content">
    <input type="text"/>
    </div>
    <input type="button" value="验证">
    </div>

    设置css样式

    div.box{width:300px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
    div.box>span{color:#999;font-style:italic;}
    div.content{width:250px;height:50px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
    input[type='text']{width:250px;height:40px;padding:0 5px;border:1px solid #6699cc;}
    input[type='button']{height:30px;margin:10px;padding:5px 10px;}

    编写jquery代码

    $(function(){
    // 设置属性值
    $("input:button").click(function() {
    var reg = /^\w+$/;
    // 如果验证失败给出警告
    if(!reg.test($("input:text").val()))
    alert("用户名限定为字母、数字或下划线的组合");

    });
    })

    观察效果

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-07-28

由数字、26个英文字母或者下划线组成的字符串可用jquery正则表达式:
 /^\w+$/,验证代码为:
 var reg = /^\w+$/;
 if(reg.test($("input:text").val()))
   // 验证通过
 else
   // 验证失败
下面给出实例演示:
创建Html元素
<div class="box">
<span>请输入用户名,限定字母、数字或下划线的组合:</span><br>
<div class="content">
<input type="text"/>
</div>
<input type="button" value="验证">
</div>
设置css样式
div.box{width:300px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;height:50px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='text']{width:250px;height:40px;padding:0 5px;border:1px solid #6699cc;}
input[type='button']{height:30px;margin:10px;padding:5px 10px;}
编写jquery代码
$(function(){
// 设置属性值
$("input:button").click(function() {
var reg = /^\w+$/;
// 如果验证失败给出警告
if(!reg.test($("input:text").val()))
alert("用户名限定为字母、数字或下划线的组合");
});
})
观察效果

第2个回答  2014-12-25
<input type="text" onkeyup="var reg = /^[\d\_a-zA-Z]+$/;if(!reg.test(this.value)) this.value='';" />
第3个回答  2014-12-25
用keycode应该可以实现限定只能输入数字和下划线本回答被网友采纳

如何用jquery验证文本框只能输入字母数字和下划线
由数字、26个英文字母或者下划线组成的字符串可用jquery正则表达式: \/^\\w+$\/,验证代码为:var reg = \/^\\w+$\/; if(reg.test($("input:text").val())) \/\/ 验证通过 else \/\/ 验证失败下面给出实例演示:创建Html元素 请输入用户名,限定字母、数字或下划线的组合:设置css样式 div....

jquery怎么校验字母和数字
只能输入由26个大写英文字母组成的字符串:"^[A-Z]+$"。只能输入由26个小写英文字母组成的字符串:"^[a-z]+$"。只能输入由数字和26个英文字母组成的字符串:"^[A-Za-z0-9]+$"。只能输入由数字、26个英文字母或者下划线组成的字符串:"^\\w+$"。验证用户密码:"^[a-zA-Z]\\w{5,17}$"正确格式为:以...

求jquery判断字符串只能为数字、字母、下划线或中文的方法?
直接可以运行:<!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN"> function test() { var regex = \/^[^_][A-Za-z]*[a-z0-9_]*$\/ ;var inputValue = document.getElementById("input_txt").value;var ret = regex.test(inputValue);if (ret == true) { ...

输入框里怎么限制字母开头只能用字母数字下划线 字符位数 用php写的
这需要jquery 请输入用户名,限定字母、数字或下划线的组合: $(function(){ \/\/ 设置属性值 $("input:button").click(function() { var reg = \/^\\w+$\/; \/\/ 如果验证失败给出警告 if(!reg.test($("input:text").val())) alert("用户名限定为字...

如何用js或则jquery过滤特殊字符
} } }2、jQuery限制输入ASCII值\/\/数字0-9的ascii为48-57\/\/大写A-Z的ascii为65-90\/\/小写a-z的ascii为97-122\/\/ ---\/\/ \/\/ 限制只能输入数字和字母\/\/ \/\/ ---$.fn.onlyNumAlpha = function () { $(this)

求JS密码正则:包括字母数字下划线中的任意两种字符6-16位,区分大小写...
var reg = \/^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)(?!([^(0-9a-zA-Z)])+$).{6,}$\/

只能输入数字和字母组合的正则表达式怎么写?
if(\/^[a-zA-Z0-9]{4,23}$\/.test(password)){ alert('ok');} 至少有一个数字字母的正则表达式:\/^(?=.*[A-Za-z])(?=.*\\d)[A-Za-z\\d]{4,23}$\/ 1、由数字、26个英文字母或者下划线组成的字符串:^[0-9a-zA-Z_]{1,} 2、非负整数(正整数+0):^\/d+ 3、正整数:^[0...

...要求:只能输入中文,英文数字空格下划线都行,首尾不能为空格,字符串...
var reg = \/^[\\w\一-\龥][\\s\\w\一-\龥]*(?!\\s)$\/;

如何根据input的name和value判断选中复选框
(this).val(); \/\/ 每一个被选中项的值 });实例演示:给出两组多选框,点击按钮后分别获得两组中被选择的项目 示例代码如下 创建Html元素 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 请输入用户名,限定字母、数字或下划线的组合: 水果: 梨子 李子 栗子 荔枝 蔬菜:...

javascript 命名的时候是开头是数字字母下划线,那我用如 $test 这样...
你记错了:1、第一个字符必须是字母、下划线(_) 或美圆符号($)。2、余下的字符可以是下划线、美圆符号或任何字母或数字字符。

相似回答