「ユーザー名、パスワードを入力してください」と表示したい

Question

ユーザー名とパスワードのinputに未入力の場合に、「ユーザー名（パスワード）を入力してください。」というアラートを表示したいと考えています。
submitを使う場合は、inputにrequiredを記載しておけばブラウザで入力を促してくれますが、Ajaxを使って処理したいと考えているため、今回はその方法はとれません。
このような時、一般的に用いられるセオリーのようなものがあれば、ご教示頂きたいです。

私が考えたのは、下記のコードです。

function (){
	($("p.alert_input").remove()) ;	//p.alert_input要素を一旦消す。
	if(isset($("input#user_name").val())){
			if(isset($("input#password").val())){
				//両方とも入力されていた場合の実行内容 ;
			}else{
				$("input#password").after('<p class="alert_input">パスワードを入力してください。</p>') ;
			}
	}else{
		$("input#user_name").after('<p class="alert_input">お名前を入力してください。</p>') ;
	}
};

上記のコードで、user_nameが未入力の場合はuser_nameのinputの下に「お名前を入力してください。」と表示されますし、passwordが未入力の場合はpasswordのinputの下に「パスワードを入力してください。」と表示されます。
しかし、両方とも未入力の場合には、「お名前を入力してください。」しか表示されないことになってしまいます。両方とも未入力であれば、「お名前を入力してください。」と「パスワードを入力してください。」の両方が表示されて欲しいです。どうしたら、そのような処理が可能でしょうか。

また、一番上の、

($("p.alert_input").empty()) ;

というコードは、一旦表示されたアラートを消すために、初期化的な役割を持たせたものです（これを書かないと、アラートの表示がどんどん増えてしまうため。）。これでも役割は果たしているのですが、もっとスマートな方法がないのかと考えています。

ご存知の方、ご教示いただけないでしょうか。
よろしくお願い致します。

Answer 1

ボールドテキスト両方が入力されていない の条件分岐を書けばよいのでは？

以下に擬似コードで。

 isEmptyname = ...     // name が空か否かを設定する
 isEmptyPassword = ... // password が空か否かを設定する
 if (isEmptyName && isEemptyPassowd) {
     ...  // name と password が空です のエラー処理
 } elseif (isEmptyName) {
     ...  // name が空です のエラー処理
 } elseif (isEmptyPassword) {
     ...  // password が空です のエラー処理
 } else {
    ...   // 両方とも入力されていた場合の処理
 }

Comments

[退会済みユーザー]

二つの変数に各々が空欄かどうかを設定し、&&を使って条件分岐を表現するのですね。
ありがとうございます。
大変助かりましたm(__)m