Javascript 如何根据文本字段的值显示/隐藏某些元素?

Javascript 如何根据文本字段的值显示/隐藏某些元素?,javascript,jquery,Javascript,Jquery,我有一个销售登录页。我为促销代码添加了一个文本字段。 这是一个简单的促销代码系统。它总是为任何促销代码提供相同的折扣(其想法是为每个影响者创建自定义促销代码) 我为价格和付款按钮创建了2个DIV 没有折扣的价格有默认DIV。在加载页面时,默认情况下会显示它 还有第二个部分,当访问者键入促销代码时,显示折扣和新价格 1张优惠券,一切正常。但我需要让它适用于几种不同的优惠券代码。所以我添加了操作符“OR”,但它不再工作了 这是我的代码: //函数根据输入值隐藏/显示表格 函数切换表(){

我有一个销售登录页。我为促销代码添加了一个文本字段。 这是一个简单的促销代码系统。它总是为任何促销代码提供相同的折扣(其想法是为每个影响者创建自定义促销代码)

我为价格和付款按钮创建了2个DIV

没有折扣的价格有默认DIV。在加载页面时,默认情况下会显示它

还有第二个部分,当访问者键入促销代码时,显示折扣和新价格

1张优惠券,一切正常。但我需要让它适用于几种不同的优惠券代码。所以我添加了操作符“OR”,但它不再工作了

这是我的代码:


//函数根据输入值隐藏/显示表格
函数切换表(){
$('#hideThis')。切换($('#优惠券').val()!='JDCM'| |$('#优惠券').val()!='PROMOGH2019');
$(“#hideThis3”)。切换($(“#优惠券”).val()!='JDCM'|$(“#优惠券”).val()!='PROMOGH2019');
$('#showThis')。切换($('#优惠券').val()='JDCM'| |$('#优惠券').val()='PROMOGH2019');
$('showThis2')。切换($('coupon').val()='JDCM'| |$('coupon').val()='PROMOGH2019');
$(“#showThis3”)。切换($(“#优惠券”).val();
}
$(文档).ready(函数(){
//在两个输入上绑定keyup事件,调用函数on event
$(“#优惠券”).on('keyup',toggleTable).trigger('keyup');
});

你有联合国代码促销吗?
普锐斯HT:594欧元
普锐斯HT:594欧元
减价特惠-50%

大奖赛最终付款人:297欧元
您应该更改此行

 $('#hideThis').toggle($('#coupon').val() !== 'JDCM' || $('#coupon').val() !== 'PROMOGH2019');
 $('#hideThis3').toggle($('#coupon').val() !== 'JDCM' || $('#coupon').val() !== 'PROMOGH2019');
为此:

 $('#hideThis').toggle($('#coupon').val() !== 'JDCM' && $('#coupon').val() !== 'PROMOGH2019');
 $('#hideThis3').toggle($('#coupon').val() !== 'JDCM' && $('#coupon').val() !== 'PROMOGH2019');

在代码中,当您编写优惠券(如JDCM)时,它将始终与条件的其他优惠券不同,因此原始价格将永远不会被隐藏

您应该更改这一行

 $('#hideThis').toggle($('#coupon').val() !== 'JDCM' || $('#coupon').val() !== 'PROMOGH2019');
 $('#hideThis3').toggle($('#coupon').val() !== 'JDCM' || $('#coupon').val() !== 'PROMOGH2019');
为此:

 $('#hideThis').toggle($('#coupon').val() !== 'JDCM' && $('#coupon').val() !== 'PROMOGH2019');
 $('#hideThis3').toggle($('#coupon').val() !== 'JDCM' && $('#coupon').val() !== 'PROMOGH2019');

在您的代码中,当您编写优惠券(如JDCM)时,它将始终与条件的其他优惠券不同,因此原始价格永远不会被隐藏

您应该在后端检查代码的有效性以确保安全。我假设你有一个数据库,可以存储所有代码?考虑有20个不同的代码,您想在每次更改它们时编辑JS代码,还是更容易使用SQL检查插入的代码是否有效。还请记住,JS代码不会对用户隐藏,任何人都可以使用浏览器的devtools来阅读它,因此通过这种方法,您的if检查中的所有代码都是可见的。机智的访问者可以查看您的源代码并查看所有可用的代码。感谢回复。不幸的是,我没有php的优惠券系统。我知道有些访客可以看到我的优惠券代码。但我正在发布这个产品,在我投资一个新系统之前,这将是一个临时解决方案。您应该检查后端的代码有效性以确保安全。我假设你有一个数据库,可以存储所有代码?考虑有20个不同的代码,您想在每次更改它们时编辑JS代码,还是更容易使用SQL检查插入的代码是否有效。还请记住,JS代码不会对用户隐藏,任何人都可以使用浏览器的devtools来阅读它,因此通过这种方法,您的if检查中的所有代码都是可见的。机智的访问者可以查看您的源代码并查看所有可用的代码。感谢回复。不幸的是,我没有php的优惠券系统。我知道有些访客可以看到我的优惠券代码。但我正在推出这个产品,在我投资新系统之前,这将是一个暂时的解决方案。