html - 从textarea获取包装文本

本文介绍了html - 从textarea获取包装文本的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正试图在没有进行任何服务器调用的情况下从textarea中获取单词换行符。让我90％的方式。问题是，每次单击提交按钮时，页面都会在iframe内重新加载。这是代码：

I'm trying to get the word wrapped line breaks from a textarea without having make any server calls. This answer gets me 90% of the way there. The problem is that the page is reloaded inside of the iframe each time the submit button is clicked. Here's the code:

<html><body>
<script type="text/javascript">

    function getURLParameter(qs, name) {
      var pattern = "[\\?&]"+name+"=([^&#]*)";
      var regex = new RegExp( pattern );
      var res = regex.exec( qs );
      if (res == null)
        return "";
      else
        return res[1];
    }

    function getHardWrappedText() {
        var frm_url = document.getElementById('frame').contentDocument.URL;
        var text = unescape(getURLParameter(document.getElementById('frame').contentDocument.URL, 'text')).replace(/\+/g,' ');
        return text;
    }

    function onIFrameLoad() {
        var text = getHardWrappedText();
        console.log(text);
    }

    window.onload = function() { console.log("loading") } ;

</script>
<form name="form" method="get" target="frame">
    <textarea id="text" name="text" cols=5 wrap="hard">a b c d e f</textarea>
    <input type="submit">
</form>
<iframe id="frame" name="frame" onload="onIFrameLoad()" style="display:none;"></iframe>

点击提交按钮即可输出：

Clicking on the submit button gives the output:

loading
a b c d e
f

有没有办法阻止iframe重新加载页面？

Is there a way to prevent the iframe from reloading the page?

推荐答案

您必须将false返回给表单的onsubmit事件。

You have to return a false to the onsubmit event of the form.

< form name =formmethod =get target =frameonsubmit =onIFrameLoad>

如果它基于某些您不想加载的条件

If it is based on some condition that you do not want to load

function onIFrameLoad() {
    var text = getHardWrappedText();
    console.log(text);
    if(text.indexOf('\n')<0) return false;
}

我只是随意添加 text.indexOf （'\ n'）< 0 ，你可以有任何有意义的东西或总是返回false（看起来不太可能）

Am just putting a random thing at text.indexOf('\n')<0, you can have anything that makes sense or always return false (which looks unlikely)

这篇关于html - 从textarea获取包装文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！