jquery占位符表单提交即

时间:2014-03-17 09:57:37

标签: javascript jquery forms internet-explorer placeholder

我使用此功能支持Internet Explorer中的占位符:

function placeHolder() {
$('[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().parents('form').submit(function () {
    $(this).find('[placeholder]').each(function () {
        var input = $(this);
        if (input.val() == input.attr('placeholder')) {
            input.val('');
        }
    })
});

}

我用:

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

以防止使用占位符值提交输入

但它不起作用,我搜索其他解决方案,但所有这些解决方案都有提交表单的问题......

每个人都可以帮助我吗?我必须在ie ...

中使用占位符

谢谢

3 个答案:

答案 0 :(得分:0)

试试这个配偶,这个插件在ie8的占位符,这个链接一个演示,然后你可以下载并获得它...

http://mathiasbynens.be/demo/placeholder

答案 1 :(得分:0)

首先检测它是哪个浏览器。它支持占位符吗?

用于以下代码:

 if (($.support.placeholder = (function () { var i = document.createElement('input'); return 'placeholder' in i; })()) == false) {

然后使用

 $('selector').val('abc') 

为这些输入框赋值 希望......这对你有用。

答案 2 :(得分:-1)

点击按钮,使用jquery提交而不是javascript提交

$('#myForm').attr('action', 'value');

$("#myForm").submit();