Javascript 非提交按钮上的文本验证必需属性？

我有一个简单的表单，我可以填写它的文本框，其中有一个文本框

EndDate

，当然是空的。填写完所有信息后，我可以单击“保存”按钮完成所有操作

以下是我的参考代码：

函数更新数据（id、唯一代码、起始日期）{
var enddate=$（'#txtEndDate'）.val（）；
var radioEnableStatus=$（“输入[name='radioEnableStatus']：选中”）.val（）；
$.ajax({
url:'updateUrl.jsp'，
键入：“POST”，
数据：{
“id”：id，
“唯一代码”：唯一代码，
“开始日期”：开始日期，
“enddate”：enddate，
“启用”：radioEnableStatus
},
成功：功能（数据）{
警报（“已成功更新”）；
},
错误：函数（请求、错误）{
警报（“请求：+JSON.stringify（错误））；
}
});
}

文件名：

URL链接：

开始日期：

结束日期：

启用：打开
关

您可以为特定字段添加一个简单的检查，如：

function updateData(id, uniquecode,startdate) {
    var enddate = $('#txtEndDate').val();
    var radioEnableStatus = $("input[name='radioEnableStatus']:checked").val();


    if( enddate != "" ) {
        $.ajax({

            url : 'updateUrl.jsp',
            type : 'POST',
            data : {
                'id' : id,
                'uniquecode': uniquecode,
                'startdate':startdate,
                'enddate': enddate,
                'enable':radioEnableStatus
            },

            success : function(data) {
                alert("Successfully updated");
            },
            error : function(request,error)
            {
                alert("Request: "+JSON.stringify(error));
            }
        });
    }else{
        alert('EndDate field is required.')
    }

}

函数更新数据（id、唯一代码、起始日期）{
var enddate=$（'#txtEndDate'）.val（）；
var radioEnableStatus=$（“输入[name='radioEnableStatus']：选中”）.val（）；
如果（结束日期）{
警报（“Ajax请求”）；
}否则{
警报（“需要结束日期字段”）；
}
}

文件名：


URL链接：


开始日期：


结束日期：


启用：
在…上
关

最简单的方法是添加

required

属性，浏览器会阻止用户为按钮提交表单，该按钮

type=submit

参考：

---

你可以这样做。一个简单的方法。也许这不是一个好方法，但仍然能把工作做好

function updateData(id, uniquecode,startdate) {
    var enddate = $('#txtEndDate').val();
    var radioEnableStatus = $("input[name='radioEnableStatus']:checked").val();

    if (enddate) {
         $.ajax({
             url : 'updateUrl.jsp',
             type : 'POST',
             data : {
               'id' : id,
               'uniquecode': uniquecode,
               'startdate':startdate,
               'enddate': enddate,
               'enable':radioEnableStatus
             },
             success : function(data) {
                 alert("Successfully updated");
             },
             error : function(request,error)
             {
                alert("Request: "+JSON.stringify(error));
             }
        });
    }
    else {
        //Do something 
    }
}

---

向我们展示您的

updateData（）

函数逻辑。你可以在那里添加一个条件。我编辑了我的帖子。如果enddate为空，只需禁用submit按钮。你有没有理由不使用submit按钮，但阻止表单提交？例如，在提交事件中，

返回false

？您是说提交按钮将根据您的答案处理

必需的属性，它检查文本框是否为空？你的答案有效，但你为什么要编辑你的答案？我刚刚添加了一个片段，用于通过一个实例进行演示。
required
字段已经存在，他不想使用
type=submit
提交表单，但是使用ajax请求。。。我认为您的答案没有回答表单提交和添加event.preventDefault（）上的OPAdd侦听器以避免提交表单