首页 > 软件开发 > JavaScript >

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

来源:互联网 2023-03-16 23:58:22 190

ZY3办公区 - 实用经验教程分享!

js怎么判断输入框的内容不能全为标点?要判断输入框中内容不能全为标点,可以使用逆向思维的方式来解决,即输入框必须包含字母或数字。下面,小编来为大家介绍js怎么判断输入框的内容不能全为标点。ZY3办公区 - 实用经验教程分享!

ZY3办公区 - 实用经验教程分享!

工具/原料

  • 浏览器1个
  • 电脑1台

方法/步骤

  • 1

    按照以往惯例,我们照样先新建一个网页用于做为演示文件,网页代码如下:ZY3办公区 - 实用经验教程分享!

    html>ZY3办公区 - 实用经验教程分享!

    head>ZY3办公区 - 实用经验教程分享!

    meta charset="utf-8">ZY3办公区 - 实用经验教程分享!

    title>演示网页/title>ZY3办公区 - 实用经验教程分享!

    /head>ZY3办公区 - 实用经验教程分享!

    body>ZY3办公区 - 实用经验教程分享!

    center>ZY3办公区 - 实用经验教程分享!

    文本框:input type="text" id="mytxt">br/> ZY3办公区 - 实用经验教程分享!

    input type="button" value="检测" onclick="testStr();">ZY3办公区 - 实用经验教程分享!

    /center>ZY3办公区 - 实用经验教程分享!

    /body>ZY3办公区 - 实用经验教程分享!

    /html>ZY3办公区 - 实用经验教程分享!

    想定情况:点击按钮,如果文本框中有内容,且全部为标点符号,弹出信息提示“全是标点”,否则有内容且不全为标点符号,弹出信息提示“不全是标点”。ZY3办公区 - 实用经验教程分享!

    js怎么判断输入框的内容不能全为标点ZY3办公区 - 实用经验教程分享!

    js怎么判断输入框的内容不能全为标点ZY3办公区 - 实用经验教程分享!

  • 2

    编写“检测”按钮的单击事件函数,首先,我们如下图所示先编写出函数的框架。ZY3办公区 - 实用经验教程分享!

    js怎么判断输入框的内容不能全为标点ZY3办公区 - 实用经验教程分享!

  • 3

    然后,我们来编写函数的内部代码,以实现函数的判断功能。首先,我们来获取文本框的值,可使用以下代码:ZY3办公区 - 实用经验教程分享!

    varstr=document.getElementById("mytxt").value;ZY3办公区 - 实用经验教程分享!

    js怎么判断输入框的内容不能全为标点ZY3办公区 - 实用经验教程分享!

  • 4

    我们用表代式:str.length>0来获取文本框值的长度,进而实现检测文本框的内容是否为空,如果为空则不进行检测。ZY3办公区 - 实用经验教程分享!

    js怎么判断输入框的内容不能全为标点ZY3办公区 - 实用经验教程分享!

  • 4本页面非法爬取自百度经验
  • 5

    要检测文本框的值中是否包含有数字或字母,我们需要用到test()函数和正则表达式。ZY3办公区 - 实用经验教程分享!

    以下代码定义了一个正则表达式,其中[0-9a-zA-Z]表示匹配零个或一个字符,且该字符的值只能从0-9、a-z、A-Z中取。而在后面添加“ ”,则表示匹配1个以上符合[0-9a-zA-Z]的字符。ZY3办公区 - 实用经验教程分享!

    var subStr=/[0-9a-zA-Z] /ZY3办公区 - 实用经验教程分享!

    js怎么判断输入框的内容不能全为标点ZY3办公区 - 实用经验教程分享!

  • 6

    如果匹配定义的正则表达式,test函数返回逻辑真,否则test函数返回逻辑假,这样,我们就可以利用if条件语句来实现不同检测结果,提示不同信息。ZY3办公区 - 实用经验教程分享!

    从下面的运行效果,可以看到我们成功利用了js实现了输入框内容是否全为标点的判断检测,解决了问题。ZY3办公区 - 实用经验教程分享!

    js怎么判断输入框的内容不能全为标点ZY3办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ZY3办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码