Question

=“”

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

    <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__) ); ?>"/>

这是一个提交表单，人们只能从特定网站提交网址。它是Wordpress插件中的php文件

我尝试了脚本解决方案，但是我认为它正在搞乱插件脚本.js。我假设我需要在代码段中添加一些代码：

$("#fep-submit-post.active-btn").on('click', function() {
        tinyMCE.triggerSave();
        var title           = $("#fep-post-title").val();
        var content         = $("#fep-post-content").val();
        var bio             = $("#fep-about").val();
        var category        = $("#fep-category").val();
        var tags            = $("#fep-tags").val();
        var pid             = $("#fep-post-id").val();
        var fimg            = $("#fep-featured-image-id").val();
        var nonce           = $("#fepnonce").val();
        var message_box     = $('#fep-message');
        var form_container  = $('#fep-new-post');
        var submit_btn      = $('#fep-submit-post');
        var load_img        = $("img.fep-loading-img");
        var submission_form = $('#fep-submission-form');
        var post_id_input   = $("#fep-post-id");
        var errors          = post_has_errors(title, content, bio, category, tags, fimg);
        if( errors ){
            if( form_container.offset().top < $(window).scrollTop() ){
            $('html, body').animate({ scrollTop: form_container.offset().top-10 }, 'slow'); }
            message_box.removeClass('success').addClass('warning').html('').show().append(errors);
            return;
        }

这些是我使用的2个文件：

scripts.js中

http://pastebin.com/4SFUbhiP

form.php的

在===＆gt;＆gt;＆gt;＆gt;＆gt;之间和＆lt;＆lt;＆lt;＆lt;＆lt; ======是我需要验证的输入字段。以下是提交按钮。 http://pastebin.com/G53HScu3

Answer 1

我会这样做

<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>

在onsubmit属性中返回false将阻止表单提交。我刚刚给出了一个基本的例子，使用＆＃34; allowed＆＃34;，但您可能必须使用字符串函数来确定基本URL是否是您信任的网站之一。

可能有更好的方法可以做到这一点 - 也许使用选择 - 但稍作修改就可以实现目标。

Answer 2

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

if（title.toLowerCase（）。indexOf（'collection'）== -1） error_string + ='alleen ....
';

如果title / url不包含集合，则显示错误，否则它将提交链接。谢谢！

html <input needs =“”to =“”contains =“”specific =“”text =“”

2 个答案: