首页 / JAVASCRIPT / 关于脚本操作文本域的问题_表单特效

关于脚本操作文本域的问题_表单特效

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了关于脚本操作文本域的问题_表单特效，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1191字，纯文字阅读大概需要2分钟。

内容图文

用的jsp+servlert 在文本框里输入的内容到达最右侧以后，文本内容就会自动回行
而我在存入数据库显示的时候想要得到和录入的形式完全符合的内容，没有办法获得。
即我只能找到硬回车而无法识别内容满以后自动回行的内容。
我现在想有没有一种方法可以从文本域中获得一行一行的读取内容，类似于读文本文件的readline
哪位高手能帮我下，给点建议
文本域中的换行在数据库里显示不出来但确实存在
读取数据后在文本域中显示格式是原来的格式不会变
如果想直接显示在网页上需要str.replace("\n","
").replace(" ","& nbsp;")
但这样文本域自动换行显示不出来

要想文本域原封不动的显示出来除了上面的步骤得用div放数据设置div宽度和文本域一致再设置div自动换行属性，就可以了

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

十分感谢我再改改就应该可以了
我还有一个问题要麻烦您，就是文本域里有全角和半角的时候，
比如：dddddddddddd按时地方dddddddddddddddd
这时候他的在文本域中的效果是
dddddddddddd按时地方
dddddddddddddddd
正常应该是：
dddddddddddd按时地方dddddddddddd
dddd
我想有没有办法避免这种问题文本域是否有这样一个属性控制他不会象方式2那样换行

内容总结

以上是互联网集市为您收集整理的关于脚本操作文本域的问题_表单特效全部内容，希望文章能够帮你解决关于脚本操作文本域的问题_表单特效所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/306675.html

来源：【匿名】

【上一篇】转一个日期输入控件，支持FF_时间日期【下一篇】javascript 怎么调用php方法

更多 ►

【关于脚本操作文本域的问题_表单特效】教程文章相关的互联网学习教程文章

蓝凌表单的表体调用Javascript【代码】

应用场景：像请假类表单会在从表输入开始时间、结束时间等字段需求1：客户希望根据开始、结束时间自动计算小时数解决方法：1、主表单增加一行，设三个字段[开始时间合计]、[结束时间合计]、[开始结束时间计算结果]在[开始结束时间计算结果]触发脚本calTime()。--计算时间段函数：calTime() --代码如下： var B=0; var E=0; var RowNum=document.all.edittable_OverTimeApplyDetail_tData.rows.length; for(var i=0;i<RowNum;i++) {...

javaScript2：（DOM对象，form表单操作）【代码】

1.open，setTimeout，setInterval，clearInterval，clearTimeout<!DOCTYPE><html><head><meta charset="UTF-8"></meta><title></title><script type="text/javascript">// BOM：浏览器对象，broswer object model// window对象:窗口默认自带的对象，也就是js默认的对象function test() {// 最常用的 window.open("http://www.baidu.com","百度","500px");// 打开一个页面//window.close();// 关闭一个页面 ...

js防止回车(enter)键提交表单及javascript中event.keycode【代码】

如何防止回车（enter）键提交表单，其实很简单，就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了。如果在页面中按Enter键会自动提交的话，可以设置返回值防止自动提交如<input id="q" name="q" type="text" onkeypress="javascript:return gosearch();">返回值必须是falsefunction gosearch() { if(window.event.keyCode == 13) { search(); return false; } }或者直接在form中写 <...

【JavaScript】填坑，表单提交不执行Ajax方法【代码】

一开始我是这么写的 1<form id="form0" class="ui large form" action="" method=""> 2<div class="ui segment"> 3<div class="field"> 4<div class="ui left icon input"> 5<i class="user secret icon"></i> 6<input type="text" name="nickName" placeholder="昵称"> 7</div> 8</div> 9<div class="field">10<div class="ui left icon input">11<i class="user icon"></i>12<input type="text" name="username" placeholder="用...

javascript：表单，FormData 对象【代码】

表单，FormData 对象表单概述表单（<form>）用来收集用户提交的数据，发送到服务器。比如，用户提交用户名和密码，让服务器验证，就要通过表单。表单提供多种控件，让开发者使用，具体的控件种类和用法请参考 HTML 语言的教程。本章主要介绍 JavaScript 与表单的交互。<form action="/handling-page" method="post"><div><label for="name">用户名：</label><input type="text" id="name" name="user_name" /></div><div><label fo...

JavaScript 正则表单验证（用户名、密码、确认密码、手机号、座机号、身份证号）【代码】【图】

1、关于JavaScript表单验证，如果使用双向绑定的前端js框架，会更容易的多。但是博主还是建议大家不要脱离源生js本身。因为源生js才是王道。注意：　　a、代码中的错误提示可能会没有，在代码中找到 “错误.jpg” 图片，自己制作一个　　b、验证的判断已经完成，只需要根据自己的验证规则进行表单验证，更换自己的正则表达式。　　c、博主将错误提示图片插入本文档中。需要更名为 “错误.jpg”,放到与html根目录下方可使用。　　...

JavaScript form表单提交与验证【代码】

原网址：https://blog.csdn.net/vipwxs/article/details/79119701一、form对象的属性：name:获取表单的名称，该name一般给JS使用method：表单的提交方式（get：不安全，数据量较小，不能上传附件）（post：相对安全海量数据能上传附件）action：表单数据的处理程序一般是PHP文件enctype：表单数据的编码方式（加密）application/x-www-form-urlencoded 默认 multipart/form-data 可以上传附件二，表单中通过...

表单序列化 js

JS实战 · 收缩菜单表单布局

获取节点的两种方式： 1、通过event对象的srcElement属性； 2、通过事件源对象用this传入。代码如下：<html><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>收缩菜单 · 表单布局</title> <script type="text/javascript"> function list(dtNode){ // var dtNode = event.srcElement; var dlNode = dtNode.parentNode; // alert(dtN...

javascript面向对象思想做form表单验证代码很精简哦

<html> <head> <meta charset=utf-8 />   <script src="jquery-1.7.2.min.js"></script> <script> var obj = { res : true ,nick_fun : function(o,tip){ if(this.res==true){ o.siblings("span").css("color","blue"); }else{ o.siblings("span").css("color","red"); }o.siblings("span").html(tip);}} $(function(){var regex = new RegEx...

JavaScript提交表单【图】

这几天闲的没事，重温了一下JavaScript接下来说一下JavaScript提交表单的两种方式1. 方式一是通过<form>元素的submit()方法提交一个表单，例如，响应一个<button>的click事件，在JavaScript代码中提交表单：这种方式的缺点是扰乱了浏览器对form的正常提交。浏览器默认点击<button type="submit">时提交表单，或者用户在最后一个输入框按回车键。2. 因此，第二种方式是响应<form>本身的onsubmit事件，在提交form时作修改：注意要...

JavaScript学习06（操作BOM和表单）【代码】

操作BOMwindow所有浏览器都支持 window 对象。它代表浏览器的窗口。所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是window对象的方法。甚至（HTML DOM 的）document 对象也是 window 对象属性：window.document.getElementById("header"); 等同于：document.getElementById("header"); screenwindow.screen 对象不带 window 前缀也可以写：属性：screen.widthscreen.h...

javascript表单验证【代码】【图】

表单HTML<form action="" method="post"><fieldset class="login"><legend>Login information</legend><label for="userName" class="hover">UserName:</label><input type="text" id="userName" class="required text"/><br /><label for="password" class="hover">Password:</label><input type="text" id="password" class="required text"/><br /></fieldset><fieldset><legend>Personal Information</legend><label for="name...

JS表单验证

JS表单验证-12个常用的JS表单验证最近有个项目用到了表单验证，小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下，和大家一起分享~~~1. 长度限制<p>1. 长度限制</p><form name=a onsubmit="return test()"> <textarea name="b" cols="40" rows="6" placeholder="不能超过50个字符！"></textarea> <br /> <input type="submit" name="Submit" value="check"> </form><script language="javascript"> function test...

收藏（CSS3登入表单，包含JS验证）【代码】【图】

1、HTML结构<div id="home"><form id="login" class="current1" method="post"> <h3>用户登入</h3><img class="avator" src="images/avatar.png" width="96" height="96"/><label>邮箱/名称<input type="text" name="name" style="width:215px;" /><span>邮箱为空</span></label><label>密码<input type="password" name="pass" /><span>密码为空</span></label><button type="button">登入</button> </form> ...

首页 / JAVASCRIPT / 关于脚本操作文本域的问题_表单特效

关于脚本操作文本域的问题_表单特效

内容导读

内容图文

内容总结

内容备注

内容手机端

【关于脚本操作文本域的问题_表单特效】教程文章相关的互联网学习教程文章

脚本 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程