表單輸入上的jQuery函數

我希望用戶在文本字段中輸入內容，按下OK，然後對該文本的值運行函數。表單輸入上的jQuery函數

我一直在尋找jQuery文檔，我發現了立即獲取值（不是我想要的）的keyup，我可以找到關於用提交的表單數據做東西的唯一事情涉及將結果發佈到php文件或其他東西。

我很想學習，所以如果你可以發佈資源鏈接，我可以找到更多的答案，我將非常感激。謝謝。

2010-09-12 Sean McRaghty

你不需要爲這個<form>（如果你不發送任何數據的任何地方），只是一套<input>元素會做，例如：

<input id="myInput" type="text" /> 
<input id="myButton" type="button" value="Click me!" />

和jQuery這樣的：

$("#myButton").click(function() { 
    myFunction($("#myInput").val()); 
});

You can test it out here，我們所做通過.click()的附加處理程序的按鈕，並通過.val()正從文本框中的值...然後使用但是你想，在這種情況下，將它作爲參數傳遞給函數。

來源

2010-09-12 12:08:48

我想使用jQuery翻譯作爲我的功能。我已經使用了你的代碼，我想要做的是在文本輸入下面顯示翻譯的單詞，但我不確定a）如何正確獲取值，以及b）如何規定翻譯將被注入的位置。 http://jsfiddle.net/4r3Pc/1/謝謝。 – 2010-09-12 12:51:27

@Sean - 我不確定你的翻譯功能是什麼，但是如果說它帶了一個值並且返回翻譯它看起來像這樣：http://jsfiddle.net/nick_craver/BcFDF/它可以被壓縮下來，但試圖說明發生了什麼。 – 2010-09-12 12:59:32

@Nick以下是文檔http://code.google.com/p/jquery-translate/wiki/TranslateMethod。如果我理解正確，函數從DOM元素獲取翻譯輸入，因此我無法告訴它是我想翻譯的'val'。謝謝你的幫助。 – 2010-09-12 13:02:31

如果你想對錶價值的工作，而無需提交表單：

$('form#formId').submit(
    function() { 
     var inputText = $('input#inputText').val(); 
     //do something with inputText 

     return false; // prevent the form being submitted to the server 
    } 
);

的鏈接，jQuery的文檔爲forms。

來源

2010-09-12 12:02:54

如果你的確定按鈕是提交表單的按鈕，那麼你正在尋找一個jQuery/JavaScript的onsubmit事件，當點擊提交按鈕時發生。在這個事件中，你可以觸發一個你計算的函數。

<form action='' onsubmit='abc()'> 


function abc() 
{ 
...... 
}

http://api.jquery.com/submit/

來源

2010-09-12 12:03:50

你能趕上與jQuery submit()功能提交

<form id="target" action="destination.html"> 
    <input type="text" value="Hello there" /> 
    <input type="submit" value="Go" /> 
</form> 
<script> 
$('#target').submit(function() { 
    alert('Handler for .submit() called.'); 
    return false; 
}); 
</script>

來源

2010-09-12 12:06:35 sod

表單輸入上的jQuery函數

回答

相關問題