JavaScript字符串与输入验证函数实战示例

190 浏览量更新于2024-08-31 收藏 71KB PDF 举报

本文主要介绍了JavaScript中常用的几种文本输入字段验证函数，以便在网页表单提交前确保用户输入的数据符合特定要求。这些验证函数主要用于提升用户体验，防止无效或不合规的数据提交。 1. 长度限制验证: 通过`test()`函数，检查`<textarea>`元素的值长度是否超过50个字符。如果超过，会弹出警告提示，并将焦点移至该输入框，阻止表单提交。这种验证有助于防止用户输入过长的文字。 2. 汉字字符验证: 使用正则表达式`/[^/u4E00-/u9FA5]/g`来检查输入内容是否只包含汉字，如果检测到非汉字字符，则自动替换为默认字符，确保输入的是纯中文。 3. 英文字符验证: `onlyEng()`函数通过判断按键的ASCII码范围（65-90对应大写字母，97-122对应小写字母）来确保输入的是英文字符。如果按下的是其他字符，返回值被设为`false`，阻止表单提交。 4. 数字字符验证: `onlyNum()`函数利用ASCII码范围（48-57对应0-9，96-105对应小键盘上的数字）来检查输入是否全为数字，同样如果不符合则阻止表单提交。 5. 英文字符和数字混合验证: 这个功能使用正则表达式`/[\W]/g`，检测输入是否只包含字母和数字，非此类型字符会被移除。同时，还可能涉及到`onbeforepaste`事件，确保粘贴内容也符合规定。这些验证函数在实际开发中非常实用，尤其是在处理用户输入时，能够有效减少误操作和数据错误，提高表单填写的准确性和用户体验。开发者可以根据需要灵活组合这些验证方法，以满足不同场景下的验证需求。

JavaScript常用验证函数实例汇总常用验证函数实例汇总

本文实例汇总了JavaScript常用验证函数。分享给大家供大家参考。具体汇总如下：

一、字符串类验证一、字符串类验证

1. 长度限制

代码如下:<script>

function test()

{

if(document.a.b.value.length>50)

{

alert(“不能超过50个字符！”);

document.a.b.focus();

return false;

}

</script>

</form>

2. 只能是汉字

代码如下:<input onkeyup=”value=”/oblog/value.replace(/[^/u4E00-/u9FA5]/g,”)”>

3.” 只能是英文

代码如下:<script language=javascript>

function onlyEng()

{

if(!(event.keyCode>=65&&event.keyCode<=90))

event.returnvalue=false;

}

</script>

4. 只能是数字

代码如下:<script language=javascript>

function onlyNum()

{

if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))

//考虑小键盘上的数字键

event.returnvalue=false;

}

</script>

5. 只能是英文字符和数字

代码如下:<input onkeyup=”value=”/oblog/value.replace(/[/W]/g,””)

“onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^/d]/g,”))”>

6. 验证邮箱格式

代码如下:<SCRIPT LANGUAGE=javascript RUNAT=Server>

function isEmail(strEmail) {

if (strEmail.search(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/) != -1)

return true;

else

alert(“oh”);

}

</SCRIPT>

7. 屏蔽关键字(这里屏蔽***和****)

代码如下:<script language=”javascript1.2″>

function test() {

if((a.b.value.indexOf (“***”) == 0)||(a.b.value.indexOf (“****”) == 0)){

alert(“123”);

a.b.focus();

return false;}

下载后可阅读完整内容，剩余6页未读，立即下载

weixin_38643127

粉丝: 8
资源: 921

JavaScript字符串与输入验证函数实战示例

常用的JS验证和函数汇总

Javascript编程之继承实例汇总

JavaScript实用小函数(四)

javascript+常用函数练习

javascript常用函数速查手册

下列哪个不是JavaScript中的函数定义方式？ A、函数声明 B、函数字面量 C、箭头函数表达式 D、函数表达式

javascript调用php函数

通过javascript实现验证用户输入的密码是否正确

vue 外部函数与methods中函数区别_JavaScript 中普通函数与箭头函数的区别

jupyter 调用JavaScript中的函数

最新资源