2

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

这里是 JSbin：http: //jsbin.com/EvohEkO/1/

我想做一个简单的比较，当提交表单时，检查字段的值是否等于“名字”，如果是，则将值留空“”

正是我需要的。有人可以帮助我吗？

4

5 回答 5

3 
<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;
 }
}
于 2013-10-31T08:13:11.080 回答
2

这个比较轻松。。

$(document).ready(function(){
    $("#form").submit(function(){
        $('#form input:text, textarea').each(function() {
            if($(this).val()==$(this).attr('placeholder'))
                $(this).val(" ");
        });
    });
});
于 2013-10-31T08:27:15.427 回答
0

只需将您的字段值放入隐藏类型输入中，如下所示：-

<input id="hdnfield" name="hdnfield" value="<Your Field Value>" />
于 2013-10-31T08:15:18.193 回答
0

你可以这样做！

<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>
于 2013-10-31T08:30:32.760 回答
0

要检查表单字段的值，请在输入元素上使用 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

于 2013-10-31T08:38:02.167 回答