0

我有这个 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 个字符或以下。如何在保留完全相同的功能的同时将其拆分为多行？

4

3 回答 3

1

随心所欲。只要您避免对像<PRE>. 有很多工具，如 HTML Tidy、HTML 美化、HTML 格式，您可以搜索并尝试。或者不时用手敲击ENTER

编辑

一开始我似乎并没有真正得到这个问题。如果您需要拆分 JS 参数，请将字符串切成更小的块，然后使用+,将其连接回去

alert('long line here');

你冷写：

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

但最好将 JS 与 HTML 分开，因此您onSubmit应该调用该函数，而不是保留最终的 JS 代码。

于 2012-11-20T21:18:26.317 回答
1

我将创建一个 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()">

这会让你的 Javascript 脱离你的 HTML 表单，并且可以在你喜欢的地方清楚地被破坏。

于 2012-11-20T21:21:28.557 回答
1

我肯定会建议删除内联 Javascript 并将其分开。您甚至可以删除该onsubmit函数并仅在 Javascript 本身中捕获该事件。

您可以按照建议将字符串拆分并再次连接以获得快速解决方案，但如果您想更多地设置确认框的样式，我建议您查看类似http://onehackoranother.com/projects/的内容jquery/boxy/或http://jqueryui.com/dialog/#modal-confirmation以获取其他解决方案选项。

于 2012-11-20T21:27:57.783 回答