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

Question

我有一个使用 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 函数首先确定域，然后交换元素。

Answer 1

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 语句中做你想做的。

编辑:这是一个可以做你想做的事的 fiddle :http://jsfiddle.net/81r0qenv/