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

一、使用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");

 

posted @ 2020-08-03 17:06  64Byte  阅读(428)  评论(0编辑  收藏  举报