jquery提交表单,提交前先验证文本框是否为空?若为空则放置提交?不用jquery 的form插件,单纯的jquery

如题所述

//异步方法;
<form id='myform' action="/" method="get" accept-charset="utf-8">
<input type="text" name="name" class="name" >
<input type="button" class='submit' value='submit' > 
</form>

$('.submit').on('click', function(event) {
if($('.name').val()=="") return false;
$.ajax()//异步提交;
});

//form提交方法;
<form id='myform' action="/" method="get" accept-charset="utf-8">
<input type="text" name="name" class="name" >
<input type="button" name='submit' class='submit' value='submit' > 
</form>

$('#myform').on('submit', function(event) {
if($('.name').val()=="") return false;
});

温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-05-03
获取控件名称判断是否为空追问

求详解

追答



function trim(str){ //删除左右两端的空格
   return str.replace(/(^\s*)|(\s*$)/g, "");
}
$(function(){
$("#login").click(function(){
var uname = $("#uname").val();
var passw = $("#passWord").val();
if(trim(uname)==""){
alert("用户名不能为空");
return;
}
if(trim(passw)==""){
 alert("密码不能为空");
return;
}
document.formName.submit();
});

});

第2个回答  2014-05-03
<head>
<script type="text/javascript">
$("#sub1).click(function(){
var text1=$("#text1").val();

if(text1==""){

alert("不能为空!");

$("#text1").select();

$("#text1").focus();

}else{
$("#form1").submit();
}

})
</script>

</head>
<body>
<form id="form1" method="post" action="">
<input type=text id="text1"/>
<input type="submit" id="sub1" value="提交">
</form>
</body>