Javascript中的多个If条件

时间:2014-05-18 06:45:35

标签: javascript jquery html css

我有javascript函数谁检查输入值,如果请求输入ar note lenght 0发送ajax post。

    function sendEmail(){
            var nn = jQuery("#your-name").val().length;
            var ee = jQuery("#friend-email").val().length;

            // var n = document.getElementById("your-name").value;
            // var e = document.getElementById("friend-email").value;

            if ( nn == 0 && ee == 0 ) {

                jQuery("input#your-name").css("border", "1px red solid");
                jQuery("input#friend-email").css("border", "1px red solid");

            } 
            else if (ee == 0) {

                jQuery("input#friend-email").css("border", "1px red solid");

            }

            else if ( nn == 0 ) {

                jQuery("input#friend-name").css("border", "1px red solid");

            }
            else {

                ajax();
            }
}   

一切运作良好,exept:如果设置了电子邮件而名称不是......没有任何事情发生(jQuery("输入#friend-name")。css(" border", " 1px红色固体");)

这有什么不对吗? 请参阅jsfidle中的完整示例:http://jsfiddle.net/4X2J8/

1 个答案:

答案 0 :(得分:4)

你应该更正姓名字段的ID:"朋友姓名"到"你的名字"。

  function sendEmail(){
        var nn = jQuery("#your-name").val().length;
        var ee = jQuery("#friend-email").val().length;
        // var n = document.getElementById("your-name").value;
        // var e = document.getElementById("friend-email").value;
        if ( nn == 0 && ee == 0 ) {
            jQuery("input#your-name").css("border", "1px red solid");
            jQuery("input#friend-email").css("border", "1px red solid");
        } 
        else if (ee == 0) {
            jQuery("input#friend-email").css("border", "1px red solid");
        }
        else if ( nn == 0 ) {
            jQuery("input#your-name").css("border", "1px red solid");
        }
        else {
            ajax();
        }
    }