dedecms后台预约挂号表单附详细代码

 //图片

 //HEML 代码   
<form id="form" name="nbform" action="/plus/diy.php" enctype="multipart/form-data" method="post" target="_parent">
                    <input type="hidden" name="action" value="post" />
                    <input type="hidden" name="diyid" value="1" />
                    <input type="hidden" name="do" value="2" />
                    <table style="width:97%;" cellpadding="0" cellspacing="1">
                    <tr>
                      <td align="right" valign="top">姓       名：</td>
                      <td><input type='text' name='name' id='name' style='width:240px'  class='intxt' value='' />
                    </td>
                    </tr>
                    <tr>
                      <td align="right" valign="top">年       龄：</td>
                      <td><input type='text' name='age' id='age' style='width:240px'  class='intxt' value='' /> 

                    </td>
                    </tr>
                    <tr>
                      <td align="right" valign="top">性       别：</td>
                      <td><select name='sex' style='width:240px' id='keshi'><option value='男'>男</option>
                        <option value='女'>女</option>
                         </select>
                    </td>
                    </tr>
                    <tr>
                      <td align="right" valign="top">联系电话：</td>
                      <td><input type='text' name='num' id='num' style='width:340px'  class='intxt' value='' /> 

                    </td>
                    </tr>
                    <tr>
                      <td align="right" valign="top">预约日期：</td>
                      <td><input  type='text' name="date" id='date' value=" " type="text" id="date" style="width:340px" class="intxt" onclick="showcalendar(event, this, true);" />  </td>
                    </tr>
                    <tr>
                      <td align="right" valign="top">就诊科室：</td>
                      <td><select name='keshi' style='width:340px' id='keshi'><option value=''>男科</option>
                    <option value='妇科'>妇科</option>
                    <option value='内科'>内科</option>
                    <option value='外科'>外科</option>
                    <option value='不孕不育科'>不孕不育科</option>
                    <option value='皮肤科'>皮肤科</option>
                    <option value='胃肠科'>胃肠科</option>
                    <option value='耳鼻喉科'>耳鼻喉科</option>
                    </select>
                    </td>
                    </tr>
            
                    <input type="hidden" name="dede_fields" value="name,text;age,text;sex,select;num,text;date,text;keshi,select" />
                    <input type="hidden" name="dede_fieldshash" value="bd0e8ae0d4e24b48fab77a11aff992ad" />
                    </table>
                    <div align='center' style='height:30px;padding-top:10px;'>
                    <input type="submit" name="submit" value=" " class='coolbg' onclick="return sub()"/>
                
                    <!--<input type="reset" name="reset" value="重 置" class='coolbg' />-->
                    </div>
                </form>

 //Js判断代码  

<script type="text/javascript">
                        function sub(){
                            var name = $("#name").val();
                            var age = $("#age").val();
                            //var sex = $("#sex").val();
                            var num = $("#num").val();
                            var date = $("#date").val();
                            var keshi = $("#keshi").val();
                            if(!name) {
                                $("#name").focus();
                                alert("请问怎么称呼您？请在姓名一栏填写！");
                                return false;
                            }
                            if(!/^[\u4e00-\u9fa5]{2,4}$/.test(name)) {
                                $("#name").focus();
                                alert("请输入正确的名字！");
                                return false;
                            }
                            if(!age) {
                                $("#age").focus();
                                alert("请填写您的年龄！");
                                return false;
                            }
                            if(!/^\d+$/.test(age)) {
                                $("#age").focus();
                                alert("请输入正确年龄！");
                                return false;
                            }
                            
                            //if(!sex) {
                             //   $("#sex").focus();
                             //   alert("请填写您的性别！");
                              //  return false;
                           // }
                            
                            if(!num) {
                                $("#num").focus();
                                alert("请填写您的联系方式！");
                                return false;
                            }
                            if(!/^1[3|4|5|7|8][0-9]\d{8,8}$/.test(num)) {
                                $("#num").focus();
                                alert("请填写正确的联系方式！");
                                return false;
                            }
                            if(!date){
                                $("#date").focus();
                                alert("请选择预约时间");
                                return false;
                            }
                            
                            if(!keshi){
                                $("#keshi").focus();
                                alert("请选择就诊科室");
                                return false;
                            }
                            
                            $("#form").submit();
                        }

                    </script>