jquery - 検証用のリモート機能

Question

渡されるvalの未定義を取得し続けますが、フォームフィールドに何かが入力されている理由がわかりません。

$('#addNewUserForm input[name="username"]').rules('add', {
    remote: {
        type: 'post',
        url: 'addnewuser/is_username_available',
        data: {
            'username': function() { return $('#username').val(); }
        },
        dataType: 'json'
    }
});

Answer 1

セレクターで使用[name="username"]しているので、入力にはID = "username"がないと仮定します。これは、参照しているものです$('#username')。IDがない場合は、次を使用して現在のセレクターを参照できるはず$(this)です。

$('#addNewUserForm input[name="username"]').rules('add', {
    remote: {
        type: 'post',
        url: 'addnewuser/is_username_available',
        data: {
            // referencing the current selector
            'username': function() { return $(this).val(); }         },
        dataType: 'json'
    }
});