html代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js常规验证</title>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>
</head>
<body>
姓名: <input type="text" name="name" id="name" />
电话:<input type="text" name="tel" id="tel" />
年龄:<input type="text" name="age" id="age" />
选择: <select id="select">
<option value="">请选择</option>
<option value="选项一">选项一</option>
<option value="选项二">选项二</option>
</select>
<input type="button" οnclick="yanzheng()" value="提交" />
</body>
</html>
js代码如下
<script>
function yanzheng()
{
var name = $("#name").val();
var tel = $("#tel").val();
var age = $("#age").val();
var slt = document.getElementById("select");
if (name == "" || name == null)
{
alert("请输入用户的姓名");
return false;
}
if (tel == null || tel == "")
{
alert("请输入用户的电话");
return false;
}
if (age == null || age == "")
{
alert("请输入用户的年龄");
return false;
}
if (slt.value == "") {
alert("请至少选择一个项目");
return false;
}
$.ajax({
url: "url",
type: "",
data: {},
success: function (data)
{
}
})
}
</script>
以上,卒 ~