求助input验证空值问题

[abc54288]

<stl:input>
<stl:inputTemplate>
标题：<input type="text" id="title"><br>
描述：<textarea id="content" rows="5"></textarea><br>
<input type="button" id="submit" value="提 交" />
</stl:inputTemplate >
<stl:successTemplate>你的内容已经提交，但是需要审核以后才能浏览</stl:successTemplate>
</stl:input>

基中id="title"中的title是表中的标题字段，id="content"中的content是内容字段；

stl:input生成HTML后会变成如下代码：<form id="ajaxElement_1" onsubmit="return false;">

但系统现在有一个错误，就是不能验证title是否已经输入内容，造成不输入内容也可以提交表单。

所以想请各位达人在上面代码基础上加一JS验证title，如果为空则不能点击“提交”按钮。代码越简单越好，最好能兼容主流浏览器。

[nobody@noone]

验证代码呢？

[bart1988]

function check()
{
if(document.getElementById("title").value=="")
{
alert("请输入标题！");
return false;
}
return true;
}
<form onsubmit="return check()"></form>

你把上面代码段中的check方法放到你的程中，在表单提交验证里加上 return check()。

[CalvinDo]

funciton Check()
{
var text=document.getElementById("title");
    if(text.value=="")
    {
     alert("title不能为空!");
     return false;
    }
}

<input type="button" id="submit" value="提 交" onclick= "return Check();" />

[shan1119]

<form id="ajaxElement_1" onsubmit="return title.value!='';">

[呼吸先生]

[Quote=引用 3 楼 calvindo 的回复:]
JScript code
funciton Check()
{var text=document.getElementById("title");if(text.value=="")
{
alert("title不能为空!");returnfalse;
}
}
HTML code<inputtype="button" id="submit" value="提 交" onclick= "return Check();"/>
[/Quote]

正解

[freespacezjx]

funciton validate() {
var title = document.getElementById("title");
if(text.value=="") {
alert("不能为空!");
return false;
} else{
return true;
}
}

<input type="button" id="submit" value="提 交" onclick= "return validate();" />

[abc54288]

还是不可以啊。http://s.woyaocto.com/123

[flesu]

var myBoolean=new Boolean(document.getElementById("title").value);
if(myBoolean){alert("空！");}

[freespacezjx]

这个应经很明白了,没问题的

[freespacezjx]

你拷贝的函数function 拼写错了,
还有,你的input 可以写成 :
<input value="提 交" onclick="return validate(); stlInputSubmit('');" type="button" />


function validate() {
var title = document.getElementById("title");
if(text.value=="") {
alert("不能为空!");
return false;
} else{
return true;
}
}
这样应该就没问题了,另外你定义form的时候为啥要 onsubmit="return false;" 可以去掉

[freespacezjx]

LZ 仔细点,这个问题不难的

[dusttosky]

如何可以把空格也判断为空呢?

[phoeni_xin]

引用 4 楼 shan1119 的回复:

<form id="ajaxElement_1" onsubmit="return title.value!='';">

真简单。

[shelless]

为空的时候返回false就不会提交了。