Javascript 在输入字段获得值时验证输入字段
使用wp的上传功能,我让用户能够上传一个图像,这将发送到S3并返回一个url,然后将其输入到#imgurl #imgurl将是一个隐藏字段,我试图在上传图像以显示消息后让JavaScript工作——我的问题是让它检查imgurl何时有值Javascript 在输入字段获得值时验证输入字段,javascript,html,wordpress,Javascript,Html,Wordpress,使用wp的上传功能,我让用户能够上传一个图像,这将发送到S3并返回一个url,然后将其输入到#imgurl #imgurl将是一个隐藏字段,我试图在上传图像以显示消息后让JavaScript工作——我的问题是让它检查imgurl何时有值 <div class="input-group"> <label for="imageurl"> <input type="text" name="imageurl" id="imageurl" size="36"
<div class="input-group">
<label for="imageurl">
<input type="text" name="imageurl" id="imageurl" size="36" placeholder="http://" />
<input id="imageUpload" class="button" type="button" value="Upload Image" />
</div>
谢谢:D这应该适合您:
document.getElementById('imageurl').addEventListener('change', function() {
if (this.value !== this.getAttribute('placeholder')) {
console.log('The value has changed to ' + this.value);
}
});
只需使用:
document.getElementById(imgurl).value
或者jQuery中的
$(“#imgurl”).val()
您是如何更改输入值的?@brk这将是一个文本输入,因此一旦用户开始键入,将执行一个操作,而这是一种享受。最后我做了一些简单得多的事情来解决我的问题&真不敢相信我走了这条路。我想删除基于具有值的文本字段的字段。我有一个媒体上传,上传到s3并将URL注入文本字段。我只是在$('#imageurl').val(attachment.url)之后添加了我的JS行代码>在我的图像上传功能中
document.getElementById(imgurl).value