如果输入为空，则发出警报[重复]

Posted 2023-02-22

【中文标题】如果输入为空，则发出警报[重复]

【英文标题】：Alert if input is empty [duplicate]

【发布时间】：2013-07-27 07:08:00

【问题描述】：

我有一个表格，我想填写所有字段。如果没有填写某个字段，我想显示该字段的红色背景和一条消息。

    \$('#id_form').blur(function()
    
        if( $(this).val().length == 0 ) 
            $(this).parents('p').addClass('warning');
        

print $q->start_form (-method => 'post', -action => "add.pl", -id => 'id_form');
print $q->legend(-class => "ui-widget-header ui-corner-all","");
print $q->input (-id => 'name', -name => 'name',-type => 'text' , -size => 20, -style => ' margin-left:300 px' ,"<br>");

我不确定这是不是正确的方法！

【问题讨论】：

这段代码会发生什么？

不起作用。就像我不放一样

jquerybyexample.blogspot.com/2012/12/…

【参考方案1】：

您必须将您的元素绑定到 DOM。你可以使用$(document).ready()，或者像这样使用jQuery的匿名函数：

$(function () 
    $('#id_form').blur(function () 
        if ($(this).val().length == 0) 
            $(this).parents('p').addClass('warning');
        ;
    );
);

【参考方案2】：

试试这个http://jsfiddle.net/tYhpw/

$('#id_form input').on('blur', function () 
    if( $(this).val() == '' ) 
        $(this).css('border','1px solid #f00');
    else
        $(this).css('border','1px solid #000');
    
);

【讨论】：

不工作我不明白为什么

您可以在jsfiddle.net 中编写您的代码并分享链接以帮助我们了解发生了什么吗？

jsfiddle.net/eZuBU

试试这个jsfiddle.net/tYhpw

【参考方案3】：

我使用这个带有按钮的 Jquery 函数来检查是否所有字段都已填写：

    function check()

    var ok = 1;

    $('input').each(function()

    if($(this).val().length == 0) 
        ok = 0; $(this).css('background-color','red');
        alert("Error message"); 
    

    else $(this).css('background-color',''); 
);

if(ok != 1) alert("Error message"); 

else $('#form').submit(); 

也许这有帮助？