js怎么判断输入框的内容不能全为标点

来源：互联网 2023-03-16 23:58:22 版权归原作者所有，如有侵权，请联系我们

js怎么判断输入框的内容不能全为标点?要判断输入框中内容不能全为标点，可以使用逆向思维的方式来解决，即输入框必须包含字母或数字。下面，小编来为大家介绍js怎么判断输入框的内容不能全为标点。

工具/原料

按照以往惯例，我们照样先新建一个网页用于做为演示文件，网页代码如下：

html>

head>

meta charset="utf-8">

title>演示网页/title>

/head>

body>

center>

文本框：input type="text" id="mytxt">br/>

input type="button" value="检测" onclick="testStr();">

/center>

/body>

/html>

想定情况：点击按钮，如果文本框中有内容，且全部为标点符号，弹出信息提示“全是标点”，否则有内容且不全为标点符号，弹出信息提示“不全是标点”。

js怎么判断输入框的内容不能全为标点

编写“检测”按钮的单击事件函数，首先，我们如下图所示先编写出函数的框架。

js怎么判断输入框的内容不能全为标点

然后，我们来编写函数的内部代码，以实现函数的判断功能。首先，我们来获取文本框的值，可使用以下代码：

varstr=document.getElementById("mytxt").value;

js怎么判断输入框的内容不能全为标点

我们用表代式：str.length>0来获取文本框值的长度，进而实现检测文本框的内容是否为空，如果为空则不进行检测。

js怎么判断输入框的内容不能全为标点

要检测文本框的值中是否包含有数字或字母，我们需要用到test（）函数和正则表达式。

以下代码定义了一个正则表达式，其中[0-9a-zA-Z]表示匹配零个或一个字符，且该字符的值只能从0-9、a-z、A-Z中取。而在后面添加“ ”，则表示匹配1个以上符合[0-9a-zA-Z]的字符。

var subStr=/[0-9a-zA-Z] /

js怎么判断输入框的内容不能全为标点

如果匹配定义的正则表达式，test函数返回逻辑真，否则test函数返回逻辑假，这样，我们就可以利用if条件语句来实现不同检测结果，提示不同信息。

从下面的运行效果，可以看到我们成功利用了js实现了输入框内容是否全为标点的判断检测，解决了问题。

js怎么判断输入框的内容不能全为标点

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

上一篇：如何将数组用html表格的形式展现下一篇：js怎么自动导入网页