表单中填写不完整拒绝提交

Posted 2020-12-19 64byte

一、使用submit提交表单

使用html5的标签

//在必填表单项中添加
required

二、使用点击事件提交表单

注意：必须将表单属性改为button

//1、input形式
<input id="registerbtn"  type="button" value="注册"/>
//2、button形式   (button默认类型为sumbit）
<button type="button" id="registerbtn" value="注册"/>

获取每个表单的值判断是否存在

var t = $(‘#regform‘).serializeArray();
$.each(t, function (i, item) {
    if (item[‘value‘] == ‘‘) {
        $("#error").html(‘信息不可为空‘)
    } else {
        $("#error").html(‘‘)
    }
})

解决方案（比较死板）

$("#adminOn").click(function() {
      var data = $("#adminForm").serialize();
      if ($("#username").val() == "" || $("#L_pass").val() == "" || $("#phone").val() == "") {
            alert("请填写完整信息");
            return
      }
$.post("/admin/addAdmin",data,function(rs){
//获取值，如果成功跳转登录界面
    if (rs.code == 20000) {
        alert(rs.msg);
    } else {
        alert(rs.msg);
 }
},"json");