javascript - 如何在 javascript 函数中将输入字段名称作为参数传递？

Question

我创建了一个 JavaScript 函数来检查数据库中是否已存在特定数据。我想知道是否有一种方法可以使 JavaScript 中的输入字段名称作为参数传递

这是我的代码

    function checkDataAvailability(displayid,input_id,fieldname)
    {
        'use strict';
        $(document).ready(function(){
            //var x = document.getElementByName(fieldname).elements;
            $(displayid).load('php/signcheck.php').show();
            $(input_id).keyup(function(){
                 },
                $.post('php/signcheck.php', { username: form.x.value }, 
              //$.post('php/signcheck.php', { username: form.fieldName.value }, 
                function(result){
                    $(displayid).html(result).show();
                });
            });

        });
    }
    var a =  checkDataAvailability ('#userstat','#username_input','username');

一点解释。两个注释行是我尝试分别将字段名称作为参数运行的两种方法。不幸的是他们没有工作。

这是我的表格

<form action="php/register_exec.php" method="POST" name="form">
Username <span id="userstat" class="checkerr"></span>
<input type="text" name="username" id="username_input" required>
</form>

Answer 1

将表单字段名称作为参数传递与将字符串参数传递给函数没有什么不同

var a = checkDataAvailability ('userstat','username_input','username');

重要的是你在函数内部所做的事情。

主要可以通过两种方式获取输入字段的值

1. 使用 value 属性直接读取值:

   document.getElementById('username_input').value
   

   或

   document.getElementById(fieldid).value //if you pass fieldid to your function
   

2. 直接使用表单字段

   //assuming you pass formname and fieldname as variables to your function
   var form = document.getElementById(formname);
   var inputvalue = form.elements.namedItems(fieldname).value
   

如果需要，您可以修改它们以适合您的 jquery 语法。