Javascript图像警告不起作用

Javascript image warning does not work

本文关键字：不起作用 警告 图像 Javascript      更新时间：2023-09-26

如果用户名或密码为空，我尝试显示图像警告消息。

然而如果我的用户名或密码为空，则不会显示图像。我想念哪里？

我的 Javascript 代码

function LoginButonOnclick() {
var data= {
UserName: $('#UserNameTextBox').val(),
Password: $('#PasswordTextBox').val(),
};
if (data.UserName== null) {
$("#showwarning").html('<img src="~/Image/warning.png">');
}
if (data.Password== null) {
$("#showwarning").html('<img src="~/Image/warning.png" />');
}
}

我的 HTML 代码：

<input type="text" id="UsernameTextBox" name="UsernameTextBox"/>
<input type="text" id="PasswordTextBox" name="PasswordTextBox"/>
<input type="button" onclick="LoginButonOnclick()" value="Enter"/>
<div id="showwarning"></div>

 data.UserName=="" //an empty string is not null

你有一大堆麻烦。 这是我更新的代码：

  1. 在 HTML 中 用户名 文本框被称为 UserNameTextBox ，但在 jQuery 中，您将其命名为 UsernameTextBox 。 JavaScript 区分大小写。
  2. 您不能将~用于图像的客户端路径，这是 ASP.Net 的事情。
  3. 在 JavaScript 中，你可以有假值和真值。 当我检查结果时，我检查空白和未定义。 虽然也许最好使用正则表达式来检查空白字符串。

法典

function LoginButonOnclick() {
    var data = {
        UserName: $('#UsernameTextBox').val(),
        Password: $('#PasswordTextBox').val(),
    };
    if (!data.UserName) {
        alert('ERROR!');
        $("#showwarning").html('<img src="/Image/warning.png">');
    }
    if (!data.Password) {
        $("#showwarning").html('<img src="/Image/warning.png" />');
    }
}

js小提琴

使用正则表达式验证字符串中是否存在非空字符：

if (!/'S/.test(UserName)) {
    $("#showwarning").html('<img src="/Image/warning.png">');
}

你也应该使用 jQuerys 

bind

函数，将按钮上的单击分配给函数。见 http://jsfiddle.net/jX3N2/

相关文章：