【问题标题】:Prevent default values being submited to MVC3 controller with Jquery?防止使用 Jquery 将默认值提交给 MVC3 控制器?
【发布时间】:2012-02-19 15:10:10
【问题描述】:

我怎样才能为我的输入设置默认值,并且当用户提交表单时,只有来自已更改输入的值才会被查询,那些尚未更改的值不会?

我有:

@using (Ajax.BeginForm("Search", "Persons", new AjaxOptions
{
   HttpMethod = "POST",
   InsertionMode = InsertionMode.Replace,
   UpdateTargetId = "results",
   LoadingElementId = "progress"
}))

{
<input name="Name" type="text" class="cleardefault" value="First and Last name"/>
<input name="Adress" type="text" class="cleardefault" value="Adress"/>

<input name="Search" type="submit" class="mainSearchSubmit" value="submit" />  
} 

我正在使用清除和替换默认文本的功能 &lt;input&gt; 元素,罗斯·香农,http://www.yourhtmlsource.com/

我的目标是只发送非默认值?这样,当我对我的控制器断点时,我的查询里面有默认值??有没有办法解决这个问题,并且仍然保留 MVC3 原生代码?

有什么想法吗?

【问题讨论】:

  • 您能否提供您用于清除和替换文本的功能的完整链接?

标签: jquery asp.net-mvc-3 model-view-controller input


【解决方案1】:

完整答案:来自hagenburger.net

HTML

<input type="text" placeholder="Fill me …">

JS

//for older browsers

$('[placeholder]').focus(function() {
     var input = $(this);
     if (input.val() == input.attr('placeholder')) {
         input.val('');
         input.removeClass('placeholder');
     }
}).blur(function() {
    var input = $(this);
    if (input.val() == '' || input.val() == input.attr('placeholder')) {
        input.addClass('placeholder');
        input.val(input.attr('placeholder'));
    }
}).blur();


$('[placeholder]').parents('form').submit(function() {
    $(this).find('[placeholder]').each(function() {
        var input = $(this);
        if (input.val() == input.attr('placeholder')) {
             input.val('');
        }
    })
});

CSS

.placeholder
{
    color: #aaa;
}

【讨论】:

    【解决方案2】:

    尝试从默认字段中删除name 属性。这样就不会提交默认输入字段。修改默认输入字段的值后,添加name属性即可...

    希望我说得够清楚...

    【讨论】:

    • 我在下面提供了答案,占位符作为属性解决了这个问题......干杯!
    • 太好了..但我认为我的答案与您的有点不同...您的解决方案将为具有默认值的输入字段提交空值..我的解决方案甚至不会提交默认值..如果我错了,请纠正我...(Ups :) 没有看到您是提出问题的人):)
    猜你喜欢
    • 2012-06-28
    • 1970-01-01
    • 1970-01-01
    • 2011-07-06
    • 2011-09-21
    • 2013-07-16
    • 1970-01-01
    • 1970-01-01
    • 2014-07-26
    相关资源
    最近更新 更多