Javascript 函数结束后，文本框值被清除（问题）：JQuery

我有下面的代码设置全名值，逻辑工作，但在它设置值后，所有的文本框值被清除。我需要克服这个问题

<script>
   $(document).ready(function() {

$('#check').click(function() {

if ( $('#city').val() == '' )
{
    alert('Empty!!!');
}
else
{
 $('#fullName').val("hi");
}
 });
});

</script>

<form name="form1" method="post" action="">
City: <input type="text" name="city" id="city"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
Full name: <input type="text" name="fullName" id="fullName"><br>
Phone number: <input type="text" name="Last" value="Mouse"><br>

<button id="check">Check</button>
</form> 

$（文档）.ready（函数（）{
$（“#检查”）。单击（函数（）{
if（$（'#city'）.val（）=''）
{
警报（'Empty！！！'）；
}
其他的
{
$（'全名'）.val（“嗨”）；
}
});
});
城市：

姓氏：

全名：

电话号码：

检查

默认情况下，表单中没有类型的按钮是提交按钮。我的猜测是，当您单击按钮时，您实际上正在提交表单，并且输入被“清除”，因为正在加载新页面

尝试将

type=“button”

添加到按钮中

<button id="check" type="button">Check</button>

检查

默认情况下，表单中没有类型的按钮是提交按钮。我的猜测是，当您单击按钮时，您实际上正在提交表单，并且输入被“清除”，因为正在加载新页面

尝试将

type=“button”

添加到按钮中

<button id="check" type="button">Check</button>

检查

使用

PreventDefault（）

取消回发，因为您的按钮没有类型，所以HTML将默认行为如提交，请尝试：

    $('#check').click(function(e) {
          e.preventDefault();
          if ( $('#city').val() == '' )
          {
            alert('Empty!!!');
          }
          else
          {
            $('#fullName').val("hi");
          }
   });

使用

PreventDefault（）

取消回发，因为您的按钮没有类型，所以HTML将默认行为（如提交）放入，请尝试：

    $('#check').click(function(e) {
          e.preventDefault();
          if ( $('#city').val() == '' )
          {
            alert('Empty!!!');
          }
          else
          {
            $('#fullName').val("hi");
          }
   });