javascript - フォームからデータを取得するjquery

Question

jqueryを使用してフォームからデータを取得して検証しようとしているフォームがあります。jqueryを使用してフォームから変数にデータを取得するための最良の方法は何ですか？

Answer 1

使用できるスニペットは次のとおりです-

$('#myForm').submit(function() {
    // get all the inputs into an array.
    var $inputs = $('#myForm :input');

    // not sure if you wanted this, but I thought I'd add it.
    // get an associative array of just the values.
    var values = {};
    $inputs.each(function() {
        values[this.name] = $(this).val();
    });

});

stackoverflow-linkから入手しました

Answer 2

さてここに行きます

これはjQueryスクリプトです。

function getData () {

$(document).ready(function() {
   var myTextFieldValue = $('#myTextField').value;
   alert('The value is: '+myTextFieldValue);
 });

}

これはHTMLです

<form action='#' method='whatever'>
 <input type='text' id='myTextField' />
 <input type='submit' onClick='getData()' />
</form>

注： スクリプトを機能させるには、jQueryライブラリをインポートする必要があります

このような：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

スクリプトを試していなかったため、エラーが発生する可能性があります。さようならお役に立てば幸いです。

（私を助けてください）

Answer 3

1行のコードでフォームからすべてのデータを取得する方法はありません。値ごとに取得する必要があります。あなたが<input id='some-id' > ちょうど使用している場合var someId = $('#some-id').val();。これで、someIdが入力の値を保持します

val（）関数は、最初に一致した要素の値のみを返します（意味がわからない場合は、jqueryセレクター（http://api.jquery.com/category/selectors/）を参照してください）http://api.jquery.com/val/<textarea> val関数を確認するには、タグに奇妙なことがあります

また、サーバー側を常に検証することを忘れないでください。すでにクライアント側で検証している場合でも、jsのセキュリティは非常に簡単に回避できます。

Answer 4

JQuery検証プラグインを使用します。こちらをご覧ください