如果用户在当前页面的表单中输入了某些内容,是否有 Rails 助手或 Rails 方法可以防止用户离开当前页面?
如果他们在表单中有未保存的更改,我试图防止人们在单击标题链接时丢失数据。
如果用户在当前页面的表单中输入了某些内容,是否有 Rails 助手或 Rails 方法可以防止用户离开当前页面?
如果他们在表单中有未保存的更改,我试图防止人们在单击标题链接时丢失数据。
在提交之前,Rails 不知道表单的状态,但在这种情况下,您可以添加一些 javascript 来提供帮助。
$('#header > a').click(function(){
$('input').each(function(i){
if ( $(this).attr(value) != '' ) {
if ( confirm('are you sure you want to leave this form unfinished?') != 'true' ) {
alert('quitter!);
}
}
});
});
编辑:好的,所以只处理标题链接点击(就像你在问题中指定的那样),这是一个使用 onbeforeunload 的解决方案。完整页面源代码,因为我对其进行了测试以确保我为您提供了一些可以构建的东西:
<html>
<head>
<title>Foo</title>
<script>
window.onbeforeunload = function(){
var inputs = document.getElementsByTagName('input');
var unfinished = 'false';
for (var i=0; i<inputs.length; ++i) {
if ( inputs[i].value != '' ) {
unfinished = 'true';
}
}
if ( unfinished == 'true' ) {
return 'Are you sure you want to leave?';
}
}
</script>
</head>
<body>
<form>
<input name='foo'/>
<input type='submit'/>
</form>
<a href='/'>Leave</a>
</body>
</html>
当然,这不是特定于 Rails 的帮助程序,但您可以编写自己的帮助程序,将带有类似内容的脚本标记吐出到您的视图中。您可能还希望进行特定于表单的检查,而不仅仅是检查每个输入是否为空。我做过的每一种形式都是某种形式的美丽而独特的雪花。