js表单验证提交

//删除左右两端的空格
function trim(str) {
    if (str == null) return "";
    return str.replace(/(^\s*)|(\s*$)/g, "");
}
//显示消息
function Alert(msg) {
        alert(msg);
}

//获取id
function $_2(id) {
    return document.getElementById(id);
}

//验证方法
function check(name, pwd, pwd2, groupid, truename, logourl) {

  if (name == "") {
    Alert("请输入登录名");
    return false;
  }
  if (pwd != '' || pwd2 != '') {
    if (pwd == "") {
      Alert("请输入密码");
      return false;
    }
    if (pwd2 == "") {
      Alert("请输入确认密码");
      return false;
    }
    if (pwd != pwd2) {
      Alert("两次密码不一致");
      return false;
    }
  }
  if (logourl == '/WAP/img/39.png') {
    Alert("请上传头像");
    return false;
  }
  if (truename == "") {
    Alert("请输填写真实名");
    return false;
  }
  if (groupid == "0") {
    Alert("请输选择角色");
    return false;
  }
  return true;
}


//按钮提交
function submits() {
  var adminId = getCookie("adminid");
  var name = trim($("#name").val());
  var pwd = trim($("#pwd").val());
  var pwd2 = trim($("#pwd2").val());
  var truename = trim($("#truename").val());
  var groupid = $_2("groupid").value;
  var groupname = $_2("groupid").options[$_2("groupid").selectedIndex].text;
  var state = $_2("state1").checked ? 1 : 0;
  var gender = $_2("gender2").checked ? 2 : 1;
  var logourl = trim($("#Headpont").attr("src"));
  var agent_id = $_2("agent_id").value;
  var action = id > 0 ? "edit" : "add";
  if (!check(name, pwd, pwd2, groupid, truename, logourl))
    return false;
  var param = "id=" + id + "&adminId=" + adminId + "&gender=" + gender + "&name=" + name + "&password=" + pwd + "&password2=" + pwd2 + "&truename=" + truename + "&groupid=" + groupid + "&groupname=" + groupname + "&state=" + state + "&agent_id=" + agent_id + "&logourl=" + logourl;
  AjaxStart("../ajax/admin.ashx?" + action, param, function(data) {
    console.log(data);
    if (data.code != 0) {
      Alert(data.msg)
    } else {
      if (id > 0)
        Alert("修改成功");
      else
        Alert("添加成功");
      // setTimeout(function () { $('.agent_back').click() }, 1000);
      setTimeout(function() {
        back()
      }, 1000);
    }
  });
}

HTML代码
<form id="form1" runat="server">
<div class="navigation"><a href="javascript:" class="back">后退</a>首页 > 账号管理> 添加账号</div>
<div id="tab">
    <!-- <ul class="tab_nav">
        <li class="selected"><a id="tab1" οnclick="tabs('#tab',0);" href="javascript:;">基本信息</a></li>
        <li><a  href="javascript:" οnclick="tabs('#tab',1);">操作权限</a></li>
    </ul> -->

    <div class="tab_con" style="display:block;">
        <table class="form_table">
            <col width="150px"><col>
            <tbody>
             <tr>
                <th>登录名:</th>
                <td><input type="text" id="name" class="input-text" /></td>
            </tr>
            <tr>
                <th>密码:</th>
                <td><input type="password" id="pwd" class="input-text"/></td>
            </tr>
            <tr>
                <th>确认密码:</th>
                <td><input type="password" id="pwd2" class="input-text"/></td>
            </tr>
            <tr>
                <th>真实姓名:</th>
                <td>
                   <input type="text" id="truename" class="input-text"/>
                </td>
            </tr>.
            <tr class="gender">
              <th>性别:</th>
              <td>
                <input type="radio" id="gender2" name="gender" value="2" checked="checked" /> 女   
                <input type="radio" id="gender1" name="gender" value="1" /> 男
              </td>
            </tr>
            <tr>
                <th>状态:</th>
                <td>
                    <input type="radio" id="state1" name="state" value="1" checked="checked" /> 启用   
                    <input type="radio" id="state0" name="state" value="0" /> 停用
                </td>
            </tr>
              <tr>
                <th>角色:</th>
                <td>
                   <select id="groupid" class="select" style="line-height:30px;height:30px;">
                    <option value="0">请选择</option>
                   </select>
                </td>
            </tr>
            <tr class="agent" style="display:none">
                <th>绑定合作机构:</th>
                <td>
                   <select id="agent_id" class="select" style="line-height:30px;height:30px;">
                        <option value="0">请选择</option>
                   </select>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="adminLogo">
          <div class="row cl">
            <label class="form-label col-xs-4 col-sm-2 col-md-3"><!--<span class="c-red">*</span>-->前台头像:</label>
            <div class="formControls col-xs-8 col-sm-9 col-md-9">
              <div class="Myimg">
                  <div class="Myings logo2">
                      <input name="file_user_logo2" id="file_user_logo2" type="file" multiple="true">
                  </div>
              </div>
            </div>
          </div>
          <!-- <div class="row cl">
  			<label class="form-label col-xs-4 col-sm-2 col-md-3"><span class="c-red">*</span>出生日期:</label>
  			<div class="formControls col-xs-8 col-sm-9 col-md-9">
  				<input type="text" class="input-text" value="" placeholder="" id="title" name="">
  			</div>
  		</div> -->

        </div>
    </div>
    <!--操作权限-->
    <!-- <div class="tab_con">
    </div> -->

    <div class="foot_btn_box">
        <a class="btn btn-primary radius" οnclick="submits()"> 提 交 </a>
         <button class="btn btn-default radius ml-10 agent_back hide" type="button"> 返回合作商列表 </button>
    </div>
</div>
</form>

图片显示:




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑色咖啡 Ken

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值