JS处理字符串及表表单

来源:互联网 发布:软件编程师 编辑:程序博客网 时间:2024/05/14 09:57
1.indexOf()方法,从前往后查找字符串位置,大小写敏感,从0开始计数。同理,lastIndexOf() 方法从后往前,两个方法对于相同的检索条件输出的结果是一样的
例如:
<script type="text/javascript">

var str="Hello World!"
document.write(str.indexOf("Hello"))//输出0
document.write(str.indexOf("World"))//输出6
document.write(str.indexOf("world"))//输出-1,因为没查到

</script>
2.length,采用“XXX.length”的形式访问,因为它是string对象的方法
<script type="text/javascript">

var str="Hello World!"
document.write(str.length);//输出12

</script>
3.substr()方法,用于字符串截取,一个必选参数,一个可选参数,从0开始计数
<script type="text/javascript">

var str="Hello World!"
document.write(str.substr(3));//输出lo World!,从序数为3的字符开始(包括序数为3的字符),参数只有一个时会一直输出到末尾
document.write(str.substr(3,7));//输出lo Worl,如果第一个参数是负数,就是倒着数

</script>
4.charAt()方法,用于返回指定位置的字符,从0开始计数
<script type="text/javascript">

var str="Hello World!"
document.write(str.charAt(1));//输出e

</script>
5.split()方法,用于把一个字符串分割成字符串数组
<script type="text/javascript">

var str="Hello World!"
document.write(str.split(" "));//输出Hello,World!
document.write(str.split(""));//输出H,e,l,l,o,W,o,r,l,d,!
document.write(str.split(" ",1));//输出Hello
"2:3:4:5".split(":")//将返回["2", "3", "4", "5"]
"|a|b|c".split("|")//将返回["", "a", "b", "c"]
var words = sentence.split(/\s+/)//使用正则表达式作为分割参数

</script>

<title>表单验证</title>
<script tyep="text/javascript">
function check_1(param){//不为空
    if(param==""||param==null){return false;}else{return true;}    
}
function check_2(param){//长度限制,字母是10个,汉字也是10个
    if(param.length>10){return false;}else{return true;}    
}
function check_3(param){//只能输入汉字
    var pattern= /^[\u4e00-\u9faf]+$/;
    var flag = pattern.test(param);
    if(flag==false){return false;}else{return true;}    
}
function check_4(param){//只能输入数字
    var pattern= /^[0-9]+$/;
    var flag = pattern.test(param);
    if(flag==false){return false;}else{return true;}    
}
function check_5(param){//只能输入数字字母下划线
    var pattern= /^[0-9a-zA-z_]+$/;
    var flag = pattern.test(param);
    if(flag==false){return false;}else{return true;}    
}
function check_6(param){//邮箱格式验证
    var pattern= /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
    var flag = pattern.test(param);
    if(flag==false){return false;}else{return true;}    
}
function check_7(param){//网址格式验证
    var pattern= /^((https|http|ftp|rtsp|mms)?:\/\/)?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?(([0-9]{1,3}\.){3}[0-9]{1,3}|([0-9a-z_!~*'()-]+\.)*([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]\.[a-z]{2,6})(:[0-9]{1,4})?((\/?)|(\/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+\/?)$/;
    var flag = pattern.test(param);
    if(flag==false){return false;}else{return true;}    
}
function check(){
    var value=document.getElementById("testValue").value;
    var result=check_7(value);//在这里设置验证函数的名称,我写了check_1~check_7七个常用的表单验证函数
    if(result==false){
    document.getElementById("testValue").style.border="2px solid red";
    }else{
    //document.getElementById("testValue").style.border="2px solid green";
    document.getElementById("testValue").style.border="";
    }
}
</script>