Javascript html<;输入需要包含特定的文本

Javascript html<;输入需要包含特定的文本,javascript,php,jquery,html,wordpress,Javascript,Php,Jquery,Html,Wordpress,我有一个输入字段和一个按钮。现在我希望它只接受包含我选择的单词的文本 <input type="hidden" name="post_id" id="fep-post-id" value="<?php echo $post_id ?>"> <button type="button" id="fep-submit-post" class="active-btn">Go</button><img class="fep-loadi

我有一个输入字段和一个按钮。现在我希望它只接受包含我选择的单词的文本

    <input type="hidden" name="post_id" id="fep-post-id" value="<?php echo $post_id ?>">

    <button type="button" id="fep-submit-post" class="active-btn">Go</button><img class="fep-loading-img" src="<?php echo plugins_url( 'static/img/ajax-loading.gif', dirname(__FILE__) ); ?>"/>
我会这么做

<form onsubmit="return validator()">

    <input type="hidden" name="post_id" id="fep-post-id" value="<?php echo $post_id ?>">

    <button type="button" id="fep-submit-post" class="active-btn">Go</button><img class="fep-loading-img" src="<?php echo plugins_url( 'static/img/ajax-loading.gif', dirname(__FILE__) ); ?>"/>
</form>

<script type="text/javascript">
    var validator = function(){
        switch (variable) {
            case "allowed":
                submit form;
                break;
            default:
                return false;
        }
     }
</script>

完成!:-)
我已将此代码添加到scripts.js

if(title.toLowerCase().indexOf('collection')=-1) 错误字符串+=“alleen…”


如果标题/url不包含集合,则显示错误,否则将提交链接。谢谢

你为什么不用这个标签?我同意@ParkBroom。使用带有选项集的
标记可以让您以更简单的方式控制用户所做的选择。如果选择是预先填充的,它还允许您避免尝试捕捉URL中的拼写错误。这将创建一个下拉列表吗?我不需要那个。我有一个输入字段/框,人们可以在其中提交URL。URL需要包含特定的文本。也许我不够清楚;-)它不需要是一个下拉列表,但可以是一个可滚动列表(可能是一行)使用选择框的
大小
属性。为了帮助其他用户,因为我认为我更多地遵循了
Maarten
的目标,想象一下让用户链接一个视频。他们可以插入
youtube.com?v=
链接,或
dailymotion.com
链接,但不能插入
facebook.com
链接。如果有人只是从3个链接选项中进行选择,那么下拉列表可能是有意义的。很好,可以使用它。它没有任何作用。它只发送输入字段中输入的内容。我认为如果我显示我正在使用的两个文件,这会更有意义。也许我可以在scripts.js文件中编辑或添加一些代码以使其正常工作。将在此页面顶部显示我问题中的2个文件。当我需要筛选2个域时,我使用以下命令:
if(title.toLowerCase().indexOf('collection')=-1)if(title.toLowerCase().indexOf('collection2')=-1)错误字符串+='alleen..
<form onsubmit="return validator()">

    <input type="hidden" name="post_id" id="fep-post-id" value="<?php echo $post_id ?>">

    <button type="button" id="fep-submit-post" class="active-btn">Go</button><img class="fep-loading-img" src="<?php echo plugins_url( 'static/img/ajax-loading.gif', dirname(__FILE__) ); ?>"/>
</form>

<script type="text/javascript">
    var validator = function(){
        switch (variable) {
            case "allowed":
                submit form;
                break;
            default:
                return false;
        }
     }
</script>