您好我有登录表单页面,我使用jquery验证。 jquery脚本正在检查空值但是当我输入值时它没有提交但我能够在else块中看到警报
<script type="text/javascript">
$(document).ready(function(){
$("#submit").click(function(){
//$(this).hide();
var name = $.trim($("#uname").val());
var pwd = $.trim($("#pwd").val());
alert("Value: " + name);
alert("Text: " + pwd);
if(name == ''){
alert('ssss');
$(":input").css({
"background-color":"#FFCECE",
"border":"1px solid red"
});
// return false;
$('form').submit(function(){
//e.preventDefault();
return false;
});
}else{
alert('else');
$(":input").css({
"background-color":"",
"border":""
});
alert('else2');
$('form').submit(function(){
alert("thanks");
return true;
});
alert('else3');
}
});
});
</script>
这是我的Html代码
<form action="" method="post" name="loginform">
<table>
<tr>
<th>LOGIN PAGE</th>
</tr>
<tr>
<td>Name</td>
<td><input type="text" name="uname" id="uname" /></td>
<tr>
<tr>
<td>Password</td>
<td><input type="password" name="pwd" id="pwd" /></td>
<tr>
<tr>
<td colspan="2"><input type="submit" name="submit" id="submit" value="SUBMIT" /> </td>
<tr>
</table>
</form>
提前致谢..
答案 0 :(得分:0)
而不是
$('form').submit(function(){
alert("thanks");
return true;
});
在你的其他地方,只有return true;
在你的if中,你不需要
$('form').submit(function(){
//e.preventDefault();
return false;
});
只是return true;
您在代码中执行的操作是连接到表单的提交事件。如果您从提交按钮返回false或true,它将提交表单。