Question

我有一个简单的表格。和jquery来验证字段是否已正确填写。如果它返回false，那么我想删除span样式display：none，使错误消息可见。

HTML

<form id="form1" method="post" onsubmit="return Validate()" action="something.php">
<div id="name-field" class="form_stuff">
<span class="error-bubble" style="display:none">
<span class="error-message">This is invalid</span>
</span>
<label id="name-label" for="name_name">Name</label>
<input id="name_name" type="text" tabindex="2" name="name">
</div>

Jquery的

function Validate(){
var minLength = 5;
var blockedNames = ["Hello12","World12"];
var fName = $('#name_name').val();
if(fName.length < minLength){
    $('#error').show();
    $('#name_name').focus();
    return false;
}
for(var i = 0;i < blockedNames.length;i++){
    if(fName == blockedNames[i]){
        $('#error').show();
        $('#name_name').focus();
        return false;
    }
}
return true;
}

如何添加到此脚本中，如果它返回false，则从span标记中的样式属性中删除DISPLAY：NONE？因此，如果他们没有正确输入他们的名字，HTML将变为

<span class="error-bubble" style="">

当然然后显示错误消息...感谢您的帮助！

Answer 1

您可以使用

显示它

$(".error-bubble").show();

您可以使用

隐藏它

$(".error-bubble").hide();

jquery - 如果form validate返回false - 则从html span标记中删除display：none

1 个答案: