我正在进行一些表格验证,目前正在禁用这样的提交按钮:
$("#button").prop('disabled', true);
我想知道禁用按钮的最佳做法是什么。当然,如果您只是通过js / jQuery禁用按钮,那么通过AJAX进行服务器端验证毫无意义 - 用户可以轻松地在浏览器中取消禁用该按钮并继续使用。
最安全的方法是什么?
答案 0 :(得分:5)
您应该始终在服务器端验证数据。
最终,最终用户可以将浏览器全部传递到一起并使用fiddler,因此客户端验证可以方便用户体验。
因此,禁用该按钮应该没问题,但同时请记住,按字段中的输入/返回按钮也会在大多数浏览器中提交表单。
如果您指定的某些条件为真,则以下内容将阻止提交。
$(document).ready(function(){
$("#form1").submit(function(event){
if(someCondition)
event.preventDefault();
});
});
答案 1 :(得分:0)
$("#button").prop('disabled', true);
是在CLIENT SIDE禁用按钮的最佳方法。
再次出现Bug你必须在后端处理之前验证所有内容。因此,您必须两次应用验证,