Question

我有这个HTML：

<form action="mypage.php" method="post"
   onsubmit="return confirm('Are you sure you want to submit this form? Submitting this form has serious consequences and you should definitely think long and hard before doing it.');">

我希望将代码保持在80个字符以下。如何在保留完全相同的功能的同时将其拆分为多行？

Answer 1

按你的意愿做。只要您避免对<PRE>之类的块执行此操作，对HTML来说并不重要。有很多工具，如HTML Tidy，HTML美化，HTML格式，你可以google和尝试。或者不时用手按ENTER键

修改

我起初似乎并没有真正得到这个问题。如果需要拆分JS参数，请将字符串切割成较小的块，然后使用+将其连接回来，而不是

alert('long line here');
你冷写道：

alert('long ' + 'line ' + 'here');

但最好将JS与HTML分开，这样你的onSubmit应该调用函数，而不是保存最终的JS代码。

Answer 2

我创建了一个Javascript部分，用于定义您从表单中调用的函数：

<script type="text/javascript">
    function formSubmit() {
         return confirm('Are you sure you want to submit this form? Submitting' +
                        ' this form has serious consequences and you should ' +
                        'definitely think long and hard before doing it.');
    }
</script>

形式：

<form action="mypage.php" method="post" onsubmit="formSubmit()">

这可以从您的HTML表单中获取您的Javascript，并且可以在您喜欢的地方明确地分解。

Answer 3

我肯定会建议删除内联Javascript并保持分离。您甚至可以删除onsubmit函数，并在Javascript中捕获事件。

你可以打破字符串并再次将其连接起来，因为我们已经提出了一个快速解决方案，但是如果你想更多地设置确认框的样式，我会建议查看类似http://onehackoranother.com/projects/jquery/boxy/或{http://jqueryui.com/dialog/#modal-confirmation的内容。 {3}}了解其他解决方案选项。

HTML属性中引号内的换行符？

3 个答案: