获取 img.src 值(路径名)
Getting img.src value (path name)
>我有一个注册页面的表格。表单包含一个图像,该图像会根据情况更改其 src。在提交表单时激活的脚本中,我希望表单在该图像具有特定 src 时调用警报,因此我需要一种检索和比较值的方法。
.HTML:
<form action="register_submit.php" method="post" name="mainform" enctype="multipart/form-data" onSubmit="return checkForm(this);return false;">
.JS:
function checkForm(f)
{if ([image src value] == "pictures/apic.png")
{
alert("error picture is apic");
return false;
}
else
{
f.submit();
return false;
}
}
以下是完整的相关代码:
<script type="text/javascript">
function checkForm(f)
{if ([image src value] == "pictures/apic.png")
{
alert("error picture is apic");
return false;
}
else
{
f.submit();
return false;
}
}
</script>
<form action="register_submit.php" method="post" name="mainform" enctype="multipart/form-data" onSubmit="return checkForm(this);return false;">
<div class="required">
<label for="first_name">*First Name:</label>
<input type="text" name="first_name" id="first_name" class="inputText" onkeyup="checkFName(this.value);" onblur="checkFName(this.value);" maxlength="20" size="10" value="" />
<img id="FName_Status" name="FName_Status" src="/pictures/bad.png" style="margin-left:5px; position:absolute;" alt="FName_Status" />
</div>
(OTHER OBJECTS)
</form>
<input type="submit" name="sub" class="inputSubmit" value="Submit »"/>
使用这个:
if (document.getElementById('FName_Status').getAttribute('src') == "pictures/apic.png")
为您的图像添加一个 ID 标签(如果还没有),例如:
<img src="pictures/apic.png" id="imageId" />
然后您可以按如下方式引用它:
if (document.getElementById("imageId").src == "pictures/apic.png")
{
...
}
编辑
这里的工作示例:http://jsfiddle.net/2Wtkn/2/
相关文章:
- 如何更改<svg>标记为<img>用js标记
- 有没有一种方法可以防止img get请求使用css或js发生
- Javascript:使用绝对路径设置img src
- Setting default onclick behavior for <img> tag in gene
- 如何在页面加载中使用Jquery/Javascript确定img源
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 使用AngularJs时,如何在img标记具有src-attr时设置数据src
- 插入“;img src"在javascript中
- 检索MongoDB binData并显示为<img>src
- addEventListener的Javascript代码不工作!?(单击时打开放大的img)
- 手柄'img'单击事件并插入'alt'使用jQuery将属性转换为文本框
- 有没有一个Nodejs库可以序列化和反序列化命名组件的路径(比如URL路径名)
- 限制对HTML/CSS/IMG或根索引文件夹的访问
- 使用javascript或angularjs特定过滤器搜索字符串中第一个img标记的json值
- 为img设置高度和宽度
- 替换与单词'匹配的文本字符;购物车'替换为img图标
- 我应该如何在 UL 内触发 IMG 标签的点击
- AngularJS提取物<img>来自JSON
- 如何将JSON结果设置为'src'共'img'以在ASP.NET MVC4中显示图像
- 获取 img.src 值(路径名)