如何使提交按钮与该表单一起使用?

时间:2019-12-03 21:52:20

标签: jquery html form-submit

//submit button
$("#myForm").submit(function(event){
    event.preventDefault();

       var firstNameInput = $("#firstName").val();
        var lastNameInput = $("#lastName").val();
        var pointsEarnedInput = $("#pointsEarned").val();
        var pointsPossibleInput = $("#pointsPossible").val();

    var num1 = $("#pointsEarned").val(),
        num2 = $("#pointsPossible").val(),
        result = parseInt(num1, 10) / parseInt(num2, 10);
        $(".result").submit.

    $("#first").html(firstNameInput);
    $("#last").html(lastNameInput);
    $("#pointsE").html(pointsEarnedInput);
    $("#pointsPoss").html(pointsPossibleInput);

});

//student object
var Student = {
    firstName : $("#firstName").val(),
    lastName : $("#lastName").val(),
    percentage : $("#pointsEarned / #pointsPoss").val(),
    letterGrade : $("#").val(),
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1 id="first"></h1>
<h2 id="last"></h2>
<h3 id="pointsE"></h3>
<h4 id="pointsPoss"></h4>

<form id="myForm">
    <p><input id="firstName" type="text">first name</p>
    <p><input id="lastName" type="text">last name</p>
    <p><input id="pointsEarned" type="text">points earned</p>
    <p><input id="pointsPossible" type="text">points possible</p>

    <p><input type="submit"></p>


</form>

<script src="script.js"></script>

</body>
</html>

这是我第一次编程,想知道如何在html和javascript / jquery中输入?

创建一个用于输入学生数据的表格。它应包含以下字段:

-名字 -姓 积分 点可以

按下提交按钮后,创建一个学生对象。使用该对象,输出以下内容:

-名字 -姓 -百分比 字母等级

0 个答案:

没有答案