0

姓名の連結の戻り値を取得しようとしています。基本的に、フォームから入力フィールドを連結して、空の場合はメッセージを返すか、ユーザーがこの情報をフィールドに入力した場合は姓名を返す必要があります。

#messageHTML の div タグです。

値は返されますが、「姓と名を入力してください」というメッセージは返されません。入力ボックスが null の場合。

これは私のJavaScriptコードです:

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

1 に答える 1

0

「姓名を入力してください」を設定する必要があります。jquery ステートメントを渡すのではなく、テキスト値として。

この JS フィドルを見てください: http://jsfiddle.net/kW4b6/

この行を変更しました：

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

これに：

fullName = "Please enter your first and last name.";
于 2013-04-15T00:10:16.373 に答える