最安全的方法来禁用提交按钮?

时间:2015-07-18 10:49:05

标签: javascript jquery ajax forms validation

我正在进行一些表格验证,目前正在禁用这样的提交按钮:

$("#button").prop('disabled', true);

我想知道禁用按钮的最佳做法是什么。当然,如果您只是通过js / jQuery禁用按钮,那么通过AJAX进行服务器端验证毫无意义 - 用户可以轻松地在浏览器中取消禁用该按钮并继续使用。

最安全的方法是什么?

2 个答案:

答案 0 :(得分:5)

您应该始终在服务器端验证数据。

最终,最终用户可以将浏览器全部传递到一起并使用fiddler,因此客户端验证可以方便用户体验。

因此,禁用该按钮应该没问题,但同时请记住,按字段中的输入/返回按钮也会在大多数浏览器中提交表单。

如果您指定的某些条件为真,则以下内容将阻止提交。

$(document).ready(function(){ 
     $("#form1").submit(function(event){
      if(someCondition)
           event.preventDefault(); 
      });
});

答案 1 :(得分:0)

$("#button").prop('disabled', true);是在CLIENT SIDE禁用按钮的最佳方法。

再次出现Bug你必须在后端处理之前验证所有内容。因此,您必须两次应用验证,

  1. 要显示“输入有问题”,
  2. 在后端处理之前(当用户提交表单时)最终验证所有输入。