如何检测表单中是否未写入任何内容(使用javascript)?
这是我的javascript代码:如何检测表单中是否未写入任何内容(使用javascript)?,javascript,forms,Javascript,Forms,这是我的javascript代码: if (username==null || isBlank(username)) { document.getElementById("warning").innerHTML="Please Fill Out Username Box".fontcolor("red"); return false; } if (email==null || isBlank(email)) { document.getElementById("warn
if (username==null || isBlank(username))
{
document.getElementById("warning").innerHTML="Please Fill Out Username Box".fontcolor("red");
return false;
}
if (email==null || isBlank(email))
{
document.getElementById("warning").innerHTML="Please Fill Out Email Box".fontcolor("red");
return false;
}
if (password==null || isBlank(password))
{
document.getElementById("warning").innerHTML="Enter Password".fontcolor("red");
return false;
}
当我单击submit按钮时,表单根本没有被单击,没有任何内容被打印。有什么问题吗?这可能就是你想要的
<form action="" name="someform">
<input type="text" name="inputname" />
<input type="submit" value="submit" />
</form>
<div id="warning"></div>
<script type="text/javascript">
function testForm ( e ) {
var inputname = this.inputname,
warning = false;
function isBlank ( elem ) {
return elem.value === "";
}
// tests elems, you may put it into a loop
if ( isBlank(inputname) ){
warning = "<span style=\"color:red;\">some warning</span>";
}
// output
if ( warning ){
e.preventDefault();
document.getElementById("warning").innerHTML=warning;
}
}
// bind
document.someform.onsubmit = testForm;
</script>
函数测试表(e){
var inputname=this.inputname,
警告=错误;
函数为空(elem){
返回元素值==“”;
}
//测试元素,您可以将其放入循环中
如果(为空(输入名称)){
warning=“some warning”;
}
//输出
如果(警告){
e、 预防默认值();
document.getElementById(“警告”).innerHTML=警告;
}
}
//束缚
document.someform.onsubmit=testForm;
使用jQuery验证插件。我想你的意思是+
连接字符串,而不是