创建弹出消息

我想弹出错误消息，如在HTML 5中。创建弹出消息

例如：

在此代码，如果我输入一个数小于0或大于5时，它会弹出错误消息。

<input type="number" name="quantity" min="1" max="5">

这将是弹出：

enter image description here

所以我想要做的是我要显示我自己的自定义消息。例如，如果用户试图登录到系统并且密码错误，我想弹出说“密码错误”，而不显示错误页面（我目前已完成）。

我该如何实现？

谢谢你的时间。

来源

2014-01-11 Shehan.W

首先，出于安全考虑，你不愿承认的用户名是正确的事 - 消息应该是比较通用的，如“请输入有效的用户名和密码”

的另一个考虑因素是凭据如何验证。这可以通过一个返回JSON结果的简单web服务来完成。所以一个请求：/verifycreds.php?username=John&password=password可以返回以下内容：

{ success: false, message: "Please enter a valid username and password" }

从那里的形式将与onsubmit处理更新提交页面之前验证凭据。在这个例子中，我将使用jQuery - please reference the documentation

$("#myform").submit(function(event) { 
    var verificationURL = "/verifycreds.php?username=" 
          + $('#username').val() 
          + "&password=" + $('#password').val(); 
    $.get(verificationURL, function(data) { 
     if(!data.success) { 
      event.preventDefault(); 
      // Display popup of your choice here with data.message 
     } 
    }); 
});

这是基本设置。我们正在向#myForm添加一个onSubmit处理程序，我们构建验证凭证webservice的URL，然后处理结果并在验证失败并显示消息时停止表单提交。

来源

2014-01-11 17:50:42

创建弹出消息

回答

相关问题