带有登录信用对象的登录弹出窗口 [英] Login popup with login creditionals

查看:63
本文介绍了带有登录信用对象的登录弹出窗口的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

大家好,
我想通过超链接单击弹出窗口. "Pupup"窗口包含两个用于输入用户名和密码的文本框和一个按钮.如果用户名和密码不正确,则显示
用户名或密码不匹配,在弹出窗口上.如果正确,则重定向到另一页.

我是javascript和jquery新手.请帮助我.

Hi everybody,
I want to a popup window by hyperlink click. Pupup window contain two textbox for username and password and a button. If username and password is incorrect then display
username or password not matching, on the popup window. If it is correct then redirect to another page.

I am new with javascript and jquery. Please help me.

推荐答案

好吧,这是非常基本的东西,但是我将尝试为您提供一些指针,而不是为您编写代码.您有两种方法可以实现这一目标:

1)jQuery UI:这是一个基于JavaScript的整体UI库,可以帮助您创建模式弹出窗口.看看此处 [ ^ ]

2)ASP.NET AJAX控件工具包:这是我过去使用的工具,在一定程度上也是现在使用的工具.它具有一个名为ModalPopupExtender的控件,该控件显示一个弹出对话框,外观此处 [
Ok this is pretty basic stuff but I am gonna try and give you some pointers rather than write the code for you. You have 2 ways of achieving this:

1) jquery UI: this is a total JavaScript based UI library that can help you create modal pop-ups. Have a look Here[^]

2) ASP.NET AJAX Control Toolkit: This is what I have used in the past and to some extent in the present as well. It has a control called ModalPopupExtender that displays a pop-up dialog, have a look Here[^]. You can build a panel containing the login controls as a separate user control and add that to the modal popup extender. You will then have to raise an event when the login is successful to redirect the user to the corresponding page but if the login is unsuccessful, keep the pop-up open and prompt the user for correct credentials.

However, I would not recommend using pop-ups because on mobile phones and smart phones pop-ups tend to be quite annoying. They tend to be a bit annoying even on desktops and hinder user experience. I would rather recommend using in-page login mechanism so the user interaction is consistent throughout. Unless, you can figure out a way to optimise pop-ups on a mobile phone.

Cheers.


这篇关于带有登录信用对象的登录弹出窗口的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆