javascript - 按提交 html 后显示图像

Question

我有以下代码在我按下提交后显示图像

<img id="image1" src="images/Coverflow1.jpg" style="display:none;"/>
<input type="submit" name="submit" value="submit" onclick="$('#image1').show()"/>

姓名由

检索

var y=document.forms["myForm"]["fname"].value;

fname 在哪里

<h4>Name: <input type="text" name="fname" size="61" /></h4>

唯一的问题是这是使用 Jquery，所以我似乎无法通过我的任何其他程序传递它 验证，例如检查名称字段是否为空。

if (name==null || name=="")
    {
    alert("First name must be filled out");
    return false;
    }

是否有与此等效的 Javascript，我可以将其粘贴在我的 else 语句中，这样它只会在表单实际正确提交并预先通过验证检查时显示它？

谢谢

Answer 1

在 jquery 中完成所有这些。

if (name==null || name=="")
{
alert("First name must be filled out");
return false;
}
else
{
$('#image1').show()
}