無効な場合、テキスト入力の値を変更します。

Question

こんにちは、私は小さなフォームを検証するためにjQueryの検証スクリプトを使用しています。それは単なる電子メールのサインアップであり、エラーメッセージを表示するためのスペースがあまりありません。私は成功したAJAXの提出で入力の値を "ありがとう"に変更できますが、無効な場合は正しいエラーメッセージを表示するように変更します。 HTML

<div id="emailBox"> 
    <form id="email" action="/PHP/email-cURL.php" method="post"> 
    <input type="text" id="e" name="email1" value="Email Sign Up" class="swap_value signup" /> 
    <input type="submit" value="" id="signUp" /> 
    </form> 
</div> 

とJS

$("#email").validate ({ 
     errorElement: "//what do I wrap error msg in to populate value?", 
      errorPlacement: function(error, element) { 
       error.appendTo(element.parent("div")); 
      }, 

      submitHandler: function(form) { 
      var dataString = $(form).serialize(); 
       $.ajax({ 
        type: $(form).attr('method'), 
        url: form.action, 
        data: dataString, 
        clearForm: true, 
        success: function(data) { 
         if (data=="Error") { 
          $("#e").val('Error'); 
         } else { 
          $("#e").val('Thank You'); 
          } 
        } 
       }); 
      return false; 

      }, 
         //rules, 
         //messages 

これを行う簡単な方法はありますか？私はその単なる単純なフォーム入力以来、大量のコードを必要としません。

ありがとうございます！

Answer 1

JSONを返すようにしてください。このPHPコード：

echo json_encode(array('success'=>false,'errorMsg'=>'Failed to set x'); 

出力する。このJSON：

{"success":false,"errorMsg":"Failed to set x"} 

とJSON

var dataString = $(form).serialize(); 
      $.ajax({ 
       type: $(form).attr('method'), 
       url: form.action, 
       data: json, 
       clearForm: true, 
       success: function(data) { 
        if (undefined !== data && true === data.success) { 
         $("#e").val('Thank you'); 
        } else { 
         var error = undefined === data.errorMsg ? 'Unknown error' : data.errorMsg; 
         $("#e").val(error);              } 
       } 

Answer 2

、クライアントに戻すようなものJSONを送信：

{ "status" : "error", "message" : "Email address already exists" } 

をし、クライアント上で、「JSON」に$アヤックスのdataTypeオプションを設定し、返されたオブジェクトのプロパティにアクセス：

success: function(json) { 
      if (json.status == "error") { 
       $("#e").val(json.message); 
      } else { 
       $("#e").val('Thank You'); 
      } 
     }