Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery-如果表单验证返回false-则从html span标记中删除display:none_Jquery - Fatal编程技术网

jquery-如果表单验证返回false-则从html span标记中删除display:none

jquery-如果表单验证返回false-则从html span标记中删除display:none,jquery,Jquery,我有一个简单的表格。和jquery来验证字段是否正确填写。如果返回false,则我要删除一个span styles 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"

我有一个简单的表格。和jquery来验证字段是否正确填写。如果返回false,则我要删除一个span styles 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;
}
函数验证(){
var minLength=5;
var blockedNames=[“Hello12”,“World12”];
var fName=$('#name_name').val();
if(fName.length
如果脚本返回false,那么如何在span标记中删除样式atribute内部的DISPLAY:NONE?因此,如果他们输入的名称不正确,HTML将更改为

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

当然,然后使错误消息可见。。。感谢您在avance中的帮助

您可以使用

$(".error-bubble").show();
你可以使用

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

不是
$(“.error bubble”).show()做你想做的吗?我不确定。。我是个十足的JS新手。我如何在脚本中实现它以检查它是否有效?这就是我的问题所在,我不理解语法,不知道应该把它放在哪里。把它放在
return false
之前。哇,奇怪,这样行得通。它确实达到了我想要达到的效果,它删除了HTML中的display:none字段。非常感谢你!好的,谢谢,我相信这会容易得多。但是剧本里会怎么说呢?我尝试的一切都不起作用。不管怎样,上面的用户回答说,在返回false之前放置它。它就像一个魅力,谢谢你。”兰迪特,如果答案帮助你,那么你可以考虑接受它,所以未来的访问者会知道去哪里寻找解决方案。