Question

我有一个简单的表格，有一个问题。在资源管理器中，如果未插入任何内容，则占位符将作为字段的输入传递。

我想在提交表单时做一个简单的比较，检查字段的值是否等于“First name”，如果是，则将值设为空“”

这就是我需要的。有人可以帮我吗？

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>

Answer 5

要检查表单字段的值，请使用输入元素

上的val（）函数

var input_value = jQuery('Input Element Selector').val();

当我查看您的表单时，元素没有任何id属性，我建议您为每个元素添加一个，也可以将提交输入更改为按钮，您可以更好地控制javascript。所以你的表格看起来像：

<form id="form" action="form.php" method="post">
   <input id="fname" type="text" placeholder="First name" name="fname"><br>
   <label for="fname" id="fnamelabel"></label>
   <input id="lname"type="text" placeholder="Last name" name="lname"><br>
   <textarea id="message" placeholder="Contact us!" cols="30" rows="5" name="message"></textarea><br>
   <br>
   <input type="button" value="Submit">

</form>

所以你的jQuery看起来像：

jQuery(document).ready(function(){
    jQuery('input[type="button"]').click(function(){
        var fname = jQuery('#fname').val();
        var lname = jQuery('#lname').val();
        var message = jQuery('#message').val();
        ...... Do whatever you need & then change the input values
        ...... if all validation has passed the use jQuery('#form').submit(); to submit the form otherwise reset the form:
        jQuery('#fname').val("");
        jQuery('#lname').val("");
        jQuery('#message').val("");



    });
});

这是一个工作版本： jsfiddle working link

JQuery：如何检查表单字段的值

5 个答案: