Jquery字符串中判断是否包含指字符串

html+jquery

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解Jquery字符串中判定是否包含指字符串。

    d043ad4bd11373f028706ff5ab0f4bfbfbed0408.jpg
  2. 2

    在test.html文件内,在p标签内,利用input标签建立一个文本输入框,用于输入字符串。

    79f0f736afc37931bf278643e4c4b74543a91108.jpg
  3. 3

    在test.html文件内,设置input的id属性为csinput,本家儿要用于下面经由过程该id获得input对象。

    b21c8701a18b87d6f582aa75080828381e30fd9c.jpg
  4. 4

    在test.html文件内,利用button标签建立一个按钮,按钮名称为“判定是否含有abc字符”。

    8718367adab44aede55ebe8ebc1c8701a18bfb4c.jpg
  5. 5

    在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行searchstr()函数。

    7af40ad162d9f2d3b4d12585a6ec8a136227cc9c.jpg
  6. 6

    在js标签中,建立searchstr()函数,在函数内,经由过程id(csinput)获得input对象,利用val()方式获得input内容,再经由过程indexOf()方式查找“abc”。若是查找到,则提醒“输入字符存在abc字符”,不然,提醒“输入字符不存在abc字符”。

    a8ec8a13632762d01f2ea4d5afec08fa513dc64c.jpg
  7. 7

    在浏览器打开test.html文件,输入字符串,点击按钮,查看实现的结果。

    f603918fa0ec08fabcc012cd56ee3d6d54fbda9c.jpg b3fb43166d224f4ad589737906f790529822d14c.jpg
  • 发表于 2019-12-17 17:00
  • 阅读 ( 863 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具