表单提交时将输入值存储到会话存储中

Question

我有一个表单输入

<div class="form-group row">
    <label for="ip" class="col-sm-3 col-form-label">
        Name
    </label>

    <div class="col-sm-9">
        <input required type="text" value="{{ old('name') }}" name="name" class="form-control" id="name" placeholder="Cluster Name ">
    </div>

</div>

我尝试将该名称设置/存储到我的浏览器会话中。

sessionStorage.setItem("clusterName", $('#name').val().toLowerCase().replace(" ", "-"));

提交表单后，我的clusterName 的值一无所获。

我错过了什么吗？

Answer 1

当我把它包裹起来的时候

$( "form" ).submit(function( event ) {
    sessionStorage.setItem("clusterName", 
    $('#name').val().toLowerCase().replace(" ", "-"));
});

现在已正确存储。