输入框中输入不同文字下方切换不同面板

gx9900k

各位大侠， 想问下， 如何通过添加条件判定输入框中包含了某个字符和不包含某个字符时 对页面上的动态面板产生切换的效果？
  
如通过手机注册页面下方为一个样式，通过邮箱注册下方为另一种样式。 我想通过用户名的输入框中是否包含@来判定， 求教这个效果怎么做？

人生如初见

具体点，最好有个例子。需要用到变量

尹广磊

参考：http://www.hiaxure.com/thread-1840-1-1.html