jquery-如果表单验证返回false-则从html span标记中删除display:none
我有一个简单的表格。和jquery来验证字段是否正确填写。如果返回false,则我要删除一个span styles display:none,使错误消息可见 HTMLjquery-如果表单验证返回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"
<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之前放置它。它就像一个魅力,谢谢你。”兰迪特,如果答案帮助你,那么你可以考虑接受它,所以未来的访问者会知道去哪里寻找解决方案。