问题描述

HTML 的 form 提交之前如何验证数值不为空? 为空的话提示用户并终止提交?

HTML 的 form 提交之前如何验证数值不为空? 为空的话提示用户并终止提交?

解决方案

直接 onsubmit="return CheckForm()"
function CheckForm() {
var username = document.getElementById('username').value;
if(username) return false;
}

JS的大体思路是这样~

解决方案二：

javascript:

function check(){
//为用户名id值(获得是object对象)
var name = document.getElementById("username");
//或者,form1是<form>标签的name值，username为用户名的name值
//var name = form1.username;
if(name.value == null){
alert("用户名不能为空！");
return false;
}
//form1是<form>标签的name值
form1.submit();
}

index.html

解决方案三：

用验证控件啊
RequiredFieldValidator

解决方案四：

如果控件不多的话，可以单独在JS中判断是否为空。如果为空则return false;