Question

（1）在下面的HTML文档中，编写函数test() ,实现如下功能： A．当多行文本框中的字符数超过20个，截取

（1）在下面的HTML文档中，编写函数test() ,实现如下功能：
A．当多行文本框中的字符数超过20个，截取至20个
B．在id为number的td中显示文本框的字符个数
（2）在网页上通过表格输出10个随机数的从大到小的排列结果。
（3） 在下面的HTML文档中，编写函数test() ,实现如下功能：
A．文本框失去焦点时，验证用户输入是否为电话号码，要求当用户输入为空，或输入中有非“013246789-”字符，判定其不是电话号码，此时显示div层
B．文本框得到焦点时，隐藏div层

Answer 1

问题三答案：

function test(){

        var temp = $("input[type=text]").val();

        // 这里还包括检查了手机号码

        var pattern /^(\d{3,4}(-)?\d{7,8})|(1[3568]\d{9})$/;

       if(!pattern.exec(temp)){

              $("#message").append("不是电话号码");

       }

}

问题二答案：

$(function(){

$("#shot").click(function(){

var x = 50; // 最大数

var y = 10; // 最小数

var rand = new Array();

var temp = new Array();

for(var i=0;i<10;i++){  //获取随机数数组

//自定义随机规则

rand[i] = parseInt(Math.random()*(x - y + 1) + y);

}

temp = rand.sort(); //产生排序后的数组

for(var j=9;j>=0;j--){

//倒着循环插入，从大到小排序

$("#insert").append("<td>" + temp[j] + "</td>");

}

$("#sorttable").show();

});

 })

问题一答案：

Answer 2

（1）
<script>
function test() {
var content = document.getElementById("feedBack").value;
if (content.length > 20) {
content = content.substr(0, 20);
}
document.getElementById("feedBack").value = content;
document.getElementById("number").innerHTML = content.length;
}
</script>

Answer 3

(1) 用css就可以做到 不用写函数
width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis
（2）js：举例
假如文本框id=‘txt’
var le=document.getElementById("txt").value.length;
docoment.getElementByid("number").innerhtml=le;
(3)用验证控件和正则表达式

追问

额,第一又要求得,能不能在详细一点,代码,谢了

追答

第一方法直接写到css中 引用改css样式就可以了啊
比如 .divcss
{width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis
}
在div中引用：