1

このフォームに問題があります。

html で #message div タグを使用しています。

姓名は出てくるのですが、名前を入れ忘れると「出てくる姓名を入力してください」と出てきません。私は運が悪いので、さまざまな方法を試しました。私が欠けているものを知っている人はいますか？

var getName = function()
{ 
var fullName;
if(document.getElementById("FirstName").value == "" &&    document.getElementById("LastName").value == "")
{
    //fullName = "Please enter your first and last name";
     $("#message").empty().append(fullName = "Please enter your first and last    name");
}
else
{

    $("#message").empty().append (fullName  =  document.getElementById("FirstName").value + " " + document.getElementById("LastName").value); 
}
return  $("#message").empty().append(fullName);
}
  var displayName = function()
  {

$(document).ready(function() {

    $("#message").empty().append(Hello);
});
  }

ここにhtmlがあります

<div id="message"></div>

<form name="form" id="form" method="post" action="">  

<p class="FirstName">  
    <label for="FirstName">First Name:</label>
  </p>
    <p>
    <input name="FirstName" type="text" id="FirstName" />  

</p>  

<p class="LastName">  
    <label for="LastName">Last Name:</label></p>
    <p>
    <input name="LastName" type="text" id="LastName" />  

</p>


<p class="submit">  
    <input name="submitButton" type="button" id="submitButton" value="Get Name" onClick="getName()" />
</p>  
</form>
4

1 に答える 1

0

fullName = ...は割り当てであり、 を返すundefinedので、値を追加しているので、.undefinedを削除しfullName =ます。また、文字列には引用符を使用する必要がありますHello。Vanilla "Hello"JavaScript と jQuery を混在させないでください。

$(document).ready(function() {
   $("#message").text('Hello *');

   $('form').on('submit', function(event){
      var first = $('#FirstName').val(),
          last = $('#LastName').val();
      if (first === '' || last === '') {
         event.preventDefault();
         $("#message").html("Please enter your bloody first and last name");
      }
   });
});

onClick特に jQuery を使用している場合は、jQuery メソッドを使用してイベントをリッスンできます。submitまた、jQuery オブジェクトonを返すことに注意してください。appendオブジェクトは JavaScript では真の値であるため、return $("#message").empty().append(fullName); === return true;.

于 2013-04-15T02:24:55.770 に答える