javascript - JQuery: フォーム フィールドの値を確認する方法

Question

私は単純なフォームを持っていますが、1 つの問題があります。エクスプローラーでは、何も挿入されていない場合、プレースホルダーがフィールドの入力として渡されます。

ここに JSbin があります: http://jsbin.com/EvohEkO/1/

フォームが送信されたときに、フィールドの値が「名」と等しいかどうかを確認し、「はい」の場合は値を空にする簡単な比較をしたいと思います ""

これだけ必要です。誰かが私を助けてくれますか？

Answer 1

<form onsubmit="return checkform()">
    <input name="test" placeholder="placeholdertext" id="test" />
    <input type="submit"  value="submitbutton"/>
</form>

jsで

jquery の最新バージョンをインポートする必要があります。これはリンクです: http://code.jquery.com/jquery-1.10.2.min.js

function checkform(){
 var fieldvalue = $.trim($('#test').val());
 if(!fieldvalue || fieldvalue=="placeholdertext"){
   alert('there is no input');
   return false;
 }else{
   alert('enjoy your form!');
   return true;
 }
}

Answer 2

これは少し簡単です..

$(document).ready(function(){
    $("#form").submit(function(){
        $('#form input:text, textarea').each(function() {
            if($(this).val()==$(this).attr('placeholder'))
                $(this).val(" ");
        });
    });
});

Answer 3

次のように、フィールド値を隠しタイプの入力に入れるだけです:-

<input id="hdnfield" name="hdnfield" value="<Your Field Value>" />

Answer 4

以下のようにできます！

<form>
   <input type="text" id="first_name" name="first_name"/>
   <input type="submit" id="submit" value="submit"/>
</form>

<script type="type/javascript"/>
jQuery.noConflict();
(function ($) {
    $(function () {
        $("#submit").click(function () {
             if ($("#first_name").val() == "first name") {
                 $(this).val("");
             }
         });
     });
 })(jQuery);
</script>