js如何控制html文本框，为空不能提交表单

Question

jshtml

Answer 1

用表单验证的类。jquery就有插件
分享代码 表单验证+对话框+日期格式化+日期选择框+select美化js框架
我自己写的
http://bbs.csdn.net/topics/390879741

Answer 2

你是用什么提交的 submit 还是button ？  可以return false啊

Answer 3

用submit
那就可以return false

Answer 4

用jquery.validate.js吧
非空require

Answer 5

通过js获取表单input 的内容，判断值是否为空，需要判断的写上对应的if判断。
html form控制onsubmit属性
<form action="" method="post"  name="form" onsubmit="return checkall()">
如：function checkall(){
var name = document.getElementById("name");
if(name == ""){
    alert("名字不可为空");
    return false;
}if(email == ""){
    alert("邮箱不可为空");
    return false;
}
}

Answer 6

使用jquery.validate.min.js
再写个提示js：
(function ($) {
$.extend($.validator.messages, {
required: "必选字段",
remote: "请修正该字段",
email: "请输入正确格式的电子邮件",
url: "请输入合法的网址",
date: "请输入合法的日期",
dateISO: "请输入合法的日期 (ISO).",
number: "请输入合法的数字",
digits: "只能输入整数",
creditcard: "请输入合法的信用卡号",
equalTo: "请再次输入相同的值",
accept: "请输入拥有合法后缀名的字符串",
maxlength: $.validator.format("请输入一个长度最多是 {0} 的字符串"),
minlength: $.validator.format("请输入一个长度最少是 {0} 的字符串"),
rangelength: $.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
range: $.validator.format("请输入一个介于 {0} 和 {1} 之间的值"),
max: $.validator.format("请输入一个最大为 {0} 的值"),
min: $.validator.format("请输入一个最小为 {0} 的值")
});
}(jQuery));

Answer 7

你还是用普通的button吧，Form.submit前执行validate()方法，验证不通过不提交。