javascript - 防止使用计数器提交多个表单？

Question

PS-尽管 Stackoverflow 中还有许多其他此类问题，我找不到我试图实现的方法。
现在，我尝试做的事情如下: -
简介页

Email : example@example.com      [Edit Details Button]

编辑详情页//如果他/她单击编辑详细信息按钮，则将用户发送到此处

<form id='inputform'>

<input type="text" name="email" id='email'>
<button type="submit" id='submitform'>Submit</button>

</form>

<script>

 //Script part below

</script>

脚本

//validation part here

var noofsubmits = 0;
$('#submitform').on('click',function(e){

e.preventDefault();


   if($('#inputform').valid()){

    noofsubmits++;
     if(noofsubmits == 1){
     $('#inputform').submit();
     //redirect users to a different page on successful form submission
  }
}

});

在每次提交表单时，用户都会被重定向到个人资料页面(显示更新的信息)。现在，每次用户尝试编辑 details 时，变量 noofsubmits 设置为 0 .
我对这种方法没有任何问题，但是这种方法有什么实际问题吗？比如如果用户禁用 Javascript 在浏览器中，那么这种方法不起作用吗？

Answer 1

是的，如果在客户端禁用了 javascript，脚本部分将不会被执行。 (并且您必须在服务器端进行验证和重定向)
但是，很少有人在浏览器中禁用 javascript。
在服务器端进行验证和重定向的缺点是用户需要等待稍长的时间，因为在服务器响应客户端请求之前会有时间延迟。但是，如果您的验证是在客户端 (javascript) 上完成的，那么用户将体验到对数据验证的即时响应。
另一方面，如果您希望在客户端呈现动画等视觉效果，则使用 javascript 也会很好。
由于很少有人会在他们的浏览器中禁用 javascript，因此您可以继续使用您的 javascript 方法来完成这项工作