如何根据用户输入(文本字段)切换隐藏元素?

时间:2019-06-04 17:55:27

标签: element hidden

我正在寻找一种基于对表单字段的特定输入来显示隐藏元素(div)的好方法。该应用程序是不使用任何数据库的订单。我想让用户输入优惠券代码,如果匹配则显示div(其中包含进行折扣所需的内容)。如果不匹配,则不执行任何操作,加载另一个隐藏元素或显示诸如“无效代码”之类的消息。

PHP将是首选,但我愿意接受任何东西。我看不到用户在其中输入代码的文本框如何像提交订单一样必须使用“提交”按钮提交。折扣是100%机密并不重要。换句话说,如果他们考虑查看源代码以查看是否可以找到折扣,那么他们就已经获得了折扣。

为简单起见,我曾考虑过使用嵌入式框架,但我认为这行不通。

1 个答案:

答案 0 :(得分:1)

您可以使用input的{​​{1}}函数监视输入的值。在每次按键时,您都可以拨打电话以查看其是否与优惠券代码匹配。如果优惠券代码始终为“ x”长度,则仅当值达到该长度时才可以进行呼叫(如果您不想每次按键都进行呼叫)。

或者,您可以使用oninput并使用其button属性。这与上面的想法相同,只是只需要在按钮的单击上进行呼叫,而不是在每次按键时都进行呼叫。

一旦值匹配,只需将隐藏的div从“ display:none”设置为“ display:block”或类似的内容。

onclick reference

oninput reference