Javascript-文本字段提交到弹出窗口 [英] Javascript - text field submits to a popup window

问题描述

我需要有这样的逻辑

(文本框)(提交按钮)

( textfield ) (submit button)

人员输入一串数字/字母-如果正确的话；会弹出一个窗口，显示pdf.如果发生了错误的验证，并且显示了错误消息

Person enters a string of numbers/letters - if its right; a popup window happens showing a pdf. if its wrong validation happens and they are presented with an error message

我已经将此用作下拉>> >> >> PDF POPUP.但这行不通.

I have gotten this to work as a DROP DOWN >> to >> PDF POPUP. But that wont work.

任何人都可以帮我解决这个花费时间的方法，让他们开始工作并需要改变方向.

Can anyone help me with this -- spent way to make hours getting the drop to pop working and need to change directions.

注意:需要在wordpress页面+模板中工作.

note: needs to work in wordpress page + template.

<form style="float:right;">
<table width="369" border="0" align="center" cellpadding="10" cellspacing="0">
 <tr>
 <td><select name="URL" style="font-size:20px;background:yellow;padding:9px 15px;-webkit-      border-radius: 5px;-moz-border-radius: 5px; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #000000), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #000000 1px, #FFFFFF 25px);">
 <option value="">Select your number</option>
 <option value="123.pdf">123</option>
 <option value="456.pdf">456</option>
 </select></td>
 <td><p><input type="button" style="padding:9px 15px; background: #617798; border: 0; font-size: 14px; color: #FFFFFF;-webkit-border-radius: 5px;-moz-border-radius: 5px;!important;"   value="Check Number #" onclick="if (this.form.URL.value) window.open(this.form.URL.value, '_blank','toolbar=0','width=30','height=20');" /><br /></td>
 </tr>
 </table>
 </form>

推荐答案

HTML:

<form onsubmit="return false;">
    <input type="text"/>
    <input type="submit"/>
</form>
​

JavaScript:

Javascript:

$('form').submit(function() {
    if ($('input[type=text]').val() == "some_pdf.pdf") {
        window.open("http://link_to_some_pdf.com/some_pdf.pdf");
    } else if ($('input[type=text]').val() == "some_other_pdf.pdf") {
        window.open("http://link_to_some_other_pdf.com/some_other_pdf.pdf");
    }  else {
        alert("Not a valid PDF! Try again!");
    }
});

jsfiddle: http://jsfiddle.net/vu26C/

jsfiddle: http://jsfiddle.net/vu26C/

这篇关于Javascript-文本字段提交到弹出窗口的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！