根据表单字段值显示特定内容(电子邮件地址域)

时间:2014-08-20 12:42:22

标签: jquery html ajax forms css3

我有一个使用jQuery和CSS3的ajax注册表单。

这是多步骤,在步骤1中询问电子邮件地址和密码。

我想获取电子邮件地址的域名并定制显示不同内容的表单的下一步。我想为特定内容挑出一个域名,例如;

  • 特别选项1

所有其他域名(gmail,live,hotmail等等)都应显示一般选项,例如,单独显示的域名内容根本不显示;

  • 一般选项1
  • 一般选项2
  • 一般选项3

我已经创建了下面的代码,但它似乎根本不起作用,我的所有元素引用都是正确的,但它只是没有触发。

var idx = emailaddress.lastIndexOf('@');
if (idx > -1 && emailaddress.slice(idx) === 'premiumcars.co.uk') 
{ function swap(special, general) {
document.getElementById(special).style.display = 'block';
document.getElementById(general).style.display = 'none';
}}

我的概念是一般内容将在一个普通的div元素和特殊div元素中的特殊内容,使用javascript函数首先确定域然后交换元素。

1 个答案:

答案 0 :(得分:0)

var idx = emailaddress.lastIndexOf('@');
if (idx > -1 && emailaddress.slice(idx) === 'premiumcars.co.uk'){
    document.getElementById(special).style.display = 'block';
    document.getElementById(general).style.display = 'none';
}

不要直接在if声明中创建一个函数,只需执行您想要的操作。

编辑:这是一个无所事事的小提琴:http://jsfiddle.net/81r0qenv/