Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在输入字段获得值时验证输入字段_Javascript_Html_Wordpress - Fatal编程技术网

Javascript 在输入字段获得值时验证输入字段

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"

使用wp的上传功能,我让用户能够上传一个图像,这将发送到S3并返回一个url,然后将其输入到#imgurl

#imgurl将是一个隐藏字段,我试图在上传图像以显示消息后让JavaScript工作——我的问题是让它检查imgurl何时有值

<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