1.   <section style="width:90%; margin:0 auto; font-size: 16px;">
    2.             <div class="aui-content-up">
    3.                 <form action="" name="form1" method="post">
    4.                     <div style="text-align:center; margin-top:30px; padding-bottom:20px; margin-bottom:20px; border-bottom: 1px solid red">
    5.                         <h2>表单预约</h2>
    6.                     </div>
    7.                     <div class="aui-form-group clear">
    8.                         <label class="aui-label-control">
    9.                             姓名 <em>*</em>
    10.                         </label>
    11.                         <div>
    12.                             <input style="width:180px; line-height: 30px; padding-left:5px; margin: 8px 0; font-size:16px;" type="text" class="aui-form-control-two" name="yourname" onBlur="checkna()" required id="1" placeholder="请输入姓名">
    13.                             <span style="margin-left:5px;" id="divname">长度1~6个字符</span>
    14.                         </div>
    15.                     </div>
    16.                     <div class="aui-form-group clear">
    17.                         <label class="aui-label-control">
    18.                             手机号码 <em>*</em>
    19.                         </label>
    20.                         <div class="aui-form-input">
    21.                             <input style="width:180px; line-height: 30px; padding-left:5px; margin: 8px 0; font-size:16px;" type="text" class="aui-form-control-two" name="youphone" id="2" placeholder="请输入11位的手机号码" onBlur="checkpsd1()" required/>
    22.                             <span style="margin-left:5px;" id="phone">必须是11位的数字</span>
    23.                         </div>
    24.                     </div>
    27.                     </div>
    29.                 </form>
    30.             </div>
    31.             <div style="width:90%; margin: 10px auto;">
    32.               <button style="width:100%; line-height:40px; border-radius:10px; height: 40px; background-color: red; font-size:16px; color:#fff; margin:20px 0;">提交</button>
    33.             </div>
    34.             <br />
    35.         </section>
    37.          <!-- mask end -->
    38.         <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    39.         <script type="text/javascript">
    42.             //验证姓名
    43.             function checkna(){
    45.                 na=form1.yourname.value;
    47.                 if( na.length <1 || na.length >6)
    49.                 {
    51.                     divname.innerHTML='<font class="tips_false">长度是1~6个字符</font>';
    52.                 }else{
    54.                     divname.innerHTML='<font class="tips_true">输入正确</font>';
    55.                 }
    56.             }
    58.             //验证手机号码
    59.             function checkpsd1(){
    61.                 na=form1.youphone.value;
    63.                 if( na.length <11 || na.length >11)
    65.                 {
    67.                     phone.innerHTML='<font class="tips_false">必须是11位的数字</font>';
    68.                 }else{
    70.                     phone.innerHTML='<font class="tips_true">输入正确</font>';
    71.                 }
    72.             }
    74.             //验证社会统一代码
    75.             function checkpsd2(){
    77.                 na=form1.youziz.value;
    79.                 if( na.length <18 || na.length >18)
    81.                 {
    83.                     zizhi.innerHTML='<font class="tips_false">必须是18位社会信用代码</font>';
    84.                 }else{
    86.                     zizhi.innerHTML='<font class="tips_true">输入正确</font>';
    87.                 }
    88.             }
    90.         </script>