jquery提交表单,提交前先验证文本框是否为空?若为空则放置提交?不用jquery 的form插件,单纯的jquery
3个回答
展开全部
//异步方法;
<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;
});
展开全部
获取控件名称判断是否为空
追问
求详解
追答
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();
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询