Question

我正在尝试查看数据的调用位置。我不确定在下面的行中提到了什么'已保存'。

我有这一行：

<input type="submit" id="submit" value="Submit" data-theme="a" onclick="showAndroidData('Saved');" />

这是main.js文件：

$('#submit').bind('click', function(){

        var getfname = $('#fname').val();
        var getlname = $('#lname').val();

        if(getfname == ""){ 
            $('#fname').css('border', '3px solid yellow');
            return false;
        }
        if(getlname == ""){ 
            $('#lname').css('border', '3px solid yellow');
            return false;
        }
});

function showAndroidData(data) {

    var fname = $('#fname').val();
    var lname = $('#lname').val();

    var array = [fname, lname];

    Android.showData(array);
};

和.HTML文件：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mobile Web App</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
</head>
<body>
    <div data-role="page" data-theme="b">

        <div data-role="content">   
            <form action="#" method="post" name="justaform" id="justaform">
            <div id="pinfo" data-role="fieldcontain">
            <fieldset>
                <legend><h3 id="formtitle">Enter Player Information</h3></legend>
                <div data-role="fieldcontain">
                    <label for="fname">First Name:</label>
                    <input type="text" name="fname" id="fname" placeholder="John" class="required" />

                    <label for="lname">Last Name:</label>
                    <input type="text" name="lname" id="lname" placeholder="Smith" class="required" />


                </div>
            </fieldset>
        </div>
        <br />
        <div data-role="fieldcontain">
            <div id="submit-reset-buttons">
                <input type="submit" id="submit" value="Submit" data-theme="c" onclick="showAndroidData('Saved');" />       
            </div>
        </div>
        </form>
        </div>

    </div>
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    <script src="https://www.parsecdn.com/js/parse-1.1.15.min.js"></script>
    <script src="js/main.js"></script>
</body>
</html>

但不完全确定'已保存'指的是什么？如何获得输入文本字段的这些值？

Answer 1

您可以将其删除，因为它未在任何地方引用。不要将该字符串传递给函数，以便提高代码清晰度......

<input type="submit" id="submit" value="Submit" data-theme="a" onclick="showAndroidData();" />

然后删除data参数...

function showAndroidData() {

    var fname = $('#fname').val();
    var lname = $('#lname').val();

    var array = [fname, lname];

    Android.showData(array);
};

获取传递给Javascript函数的信息

1 个答案: