.empty 및 .append를 사용하여 연결된 입력을 반환합니다.

Question

이름과 성의 연결에 대한 반환 값을 얻으려고합니다. 기본적으로 폼의 입력 필드를 연결하여 비어있는 경우 메시지를 반환하거나 사용자가이 정보를 필드에 제공하면 이름과 성을 반환해야합니다.

#message은 HTML의 div 태그입니다.

값을 되 돌리지 만 "성과 이름을 입력하십시오."라는 메시지는 반환되지 않습니다. 입력 상자가 null 인 경우

이 내 자바 스크립트 코드입니다 ". 성과 이름을 입력하십시오"당신은 설정해야

var getName = function() { 
    var firstName = document.getElementById("firstName"), 
    lastName = document.getElementById("lastName"), 
    fullName; 

    if (firstName.value == "" && lastName.value == "") { 
     fullName= $("#message").empty().append("Please enter your first and last name."); 
    } else { 
     fullName = firstName.value + " " + lastName.value; 
    } 
    return $("#message").empty().append(fullName); 
} 
    $(document).ready(function(){ 
    $("#message").empty().append("Hello world"); 
}); 




Here is the HTML for the form 

<form name="contactform" method="post" action=""> 
    <input type="text" name="firstName" id="firstName" placeholder= "First Name"> 
    <br> 
    <input type="text" name="lastName" id="lastName" placeholder= "Last Name"> 
    <br> 
    <input type="text" name="email" placeholder= "Email Address"> 
    <p> 
    <h4> What is your sex? </h4> 
    <input type="radio" name="sex" value="male"> 
    Male 
    <input type="radio" name="sex" value="female"> 
    Female 
    <p> 
    <h4> What is your favorite type of music </h4> 
    <input type="checkbox" name="vehicle" value="rock"> 
    I like Rock and Roll<br/> 
    <input type="checkbox" name="vehicle" value="funk"> 
    I like Funk 
    <p> 
     <textarea name="comments" placeholder= "Additional Comments"></textarea> 
     <input type="button" name="submit" id="submit" value="Get Name" onclick="getName();" /> 
    </form> 

Answer 1

jquery 문을 전달하는 대신 텍스트 값으로 사용합니다. http://jsfiddle.net/kW4b6/

난 그냥이 줄을 변경 : 이것에

fullName= $("#message").empty().append("Please enter your first and last name."); 

:

fullName = "Please enter your first and last name.";