传智播客[www.itcast.cn]程序员网校[www.it315.org]-配送信息JS校验配套的js

来源：互联网发布：金针软件大概多少钱编辑：程序博客网时间：2024/04/28 23:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS校验</title>
<script language="javascript">
/*****************************************************************
****                     去除空格     (lhm)                 *****
*****************************************************************/
function trim(stringToTrim) {
  return stringToTrim.replace(/^\s+|\s+$/g,"");
}
function ltrim(stringToTrim) {
  return stringToTrim.replace(/^\s+/,"");
}
function rtrim(stringToTrim) {
  return stringToTrim.replace(/\s+$/,"");
}

//验证去掉空格功能
function testTrim() {
var texttrim = document.forms[0].text_qkg.value;
alert("---" + trim(texttrim) + "---");
}

//验证手机号功能
function validateMobile()
{
  var mobile = document.forms[0].mobile.value;
  alert(/^1[358]\d{9}$/.test(mobile));
}

//获取单选框的值
function getRadioValue()
{
  var genders = document.forms[0].gender;
  for(var i=0; i<genders.length; i++) {
   if(genders[i].checked) {
    alert(genders[i].value);
    break;
   }
  }
}

//组拼电话号码后放入tel文本输入框中
function groupPhone()
{
  var result = document.forms[0].forepart.value + "-" + document.forms[0].maintel.value;
  if(document.forms[0].extension.value!="")
   result += "-" + document.forms[0].extension.value;
  document.forms[0].tel.value = result;

}

//拆封电话号码后回填到forepart/maintel/extension中
function splitPhone()
{
  var phone = document.forms[0].tel.value;
  var arrs = phone.split("-");
  document.forms[0].extension.value = "";
  if(arrs.length>=2) {
   document.forms[0].forepart.value = arrs[0];
   document.forms[0].maintel.value = arrs[1];
   if(arrs.length==3) document.forms[0].extension.value = arrs[2];
  }
}

//购买者收款人是否相同
function buyerinfoSelect(radioValue)
{
  var result = document.getElementById("result");
  if(radioValue=="true") {
   result.style.display="none";
  } else {
   result.style.display="";
  }
}

</script>

</head>
<body>
<form action="" method="post">
    校验手机号码：<input name="mobile" type="text" />(第一位1，第二位是3,5,8, 长度是11位)
        <input value="校验手机号码" type="button" onclick="validateMobile()"/><br />

        获取单选框的值：<input name="gender" type="radio" value="MAN" />先生 <input name="gender" type="radio" value="WOMEN" />女士
        <input type="button" value="获取单选框的值" onclick="getRadioValue()" /><br />


        组拼电话号码：
        <table width="30$" border="0" cellpadding="0" cellspacing="2">
        <tr>
            <td><input size="4" name="forepart" maxlength="4" ></td>
                <td><input size="8" name="maintel" maxlength="8" ></td>
                <td><input size="4" name="extension" maxlength="4" ></td>
            </tr>
   <tr>
            <td><span class="">区号</span></td>
               <td><span class="">电话号码</span></td>
                <td><span class="">分机号</span></td>
            </tr>
  </table>
        <input type="button" value="组拼电话号码" onclick="groupPhone()" />
        <input type="text" name="tel" value="" />
        <input type="button" value="拆分电话号码" onclick="splitPhone()" /> <br />

    购买人与收获人是否相同
  <input type="radio" name="buyerIsrecipients" value="true" onclick="buyerinfoSelect(this.value)"/> <b>相同</b>
  <input type="radio" name="buyerIsrecipients" value="false" onclick="buyerinfoSelect(this.value)"/> <b>不相同</b>
       <div id="result" style="display:none"><h1><font color="#FF0000" size="20">asdf asdf</font></h1></div>
  <br />
  <input name="text_qkg" type="text" value="输入前后带空格的文字" />
  <input type="button" value="验证去掉空格" onclick="testTrim()" />

</form>
</body>
</html>

虽然没有啥新技术，只为自己随时查阅提供方便。

传智播客[www.itcast.cn]程序员网校[www.it315.org]-配送信息JS校验 配套的js

传智播客[www.itcast.cn]程序员网校[www.it315.org]-配送信息JS校验配套的js