javascript - 我想要提交表单之前和之后的两个值

Question

我有一个简单的表单，里面有两个输入字段文本类型。例如，如果输入的初始值为“Hello”，后来我将其更改为“Hi”，然后我提交此表单。

我想看到这两个值，请任何人建议我

标记

    <form action="index_submit" method="get" name="anil" > 
        <label for="first_name">first name</label><input type="text" name="first_name" value="" id="first_name">
        <label for="last_name">last name</label><input type="text" name="last_name" value="" id="last_name">
        <label for="user_name">user name</label><input type="text" name="user_name" value="" id="user_name">
        <input type="submit" name="submit" value="submit" id="submit">
        <input type="reset" name="reset" value="reset" id="reset">
    </form>

js

$(document).ready(function(){  
    $('form #submit').click(function(){
        var oldValue
        var newValue
    });   
}) 

Answer 1

您可以将初始值放在隐藏字段和可见字段中，例如：

<input type="text" name="greeting" value="Hello" />
<input type="hidden" name="greeting-original" value="Hello" />

然后，您可以随心所欲地greeting在greeting-original提交表单时进行操作。