2

ユーザー名またはパスワードが空の場合、画像警告メッセージを表示しようとしています。

ただし、ユーザー名またはパスワードが空の場合、画像は表示されません。どこが恋しいですか？

私の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>
4

3 に答える 3

5 
 data.UserName=="" //an empty string is not null
于 2013-09-20T05:50:46.103 に答える
2

あなたはたくさんの問題を抱えています。これが私の更新されたコードです：

  1. HTML では UserName テキスト ボックスが呼び出されUserNameTextBoxましたが、jQuery では名前を付けましたUsernameTextBox。JavaScript では大文字と小文字が区別されます。
  2. ~画像のクライアント側パスには使用できません。これは ASP.Net のものです。
  3. JavaScriptでは、 falseyとtruey の値を持つことができます。結果を確認するときは、空白と未定義を確認します。正規表現を使用して空白文字列をチェックするのが最善かもしれませんが。

コード

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">');
}
于 2013-09-20T05:57:43.533 に答える
1

jQuery も使用する必要があります

bind

ボタンのクリックを機能に割り当てる関数。http://jsfiddle.net/jX3N2/を参照してください

于 2013-09-20T05:57:07.537 に答える