我有一个注册页面的表单。表单包含一个图像,该图像根据情况更改其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 »"/>
答案 0 :(得分:14)
使用此:
if (document.getElementById('FName_Status').getAttribute('src') == "pictures/apic.png")
答案 1 :(得分:1)
为图片添加ID标签(如果还没有),例如:
<img src="pictures/apic.png" id="imageId" />
然后你可以按如下方式引用它:
if (document.getElementById("imageId").src == "pictures/apic.png")
{
...
}
修改强>
这里的工作示例:http://jsfiddle.net/2Wtkn/2/