from标签使用onsubmit事件进行预判断,满足条件在进行提交操作

最新推荐文章于 2020-07-13 17:55:34 发布

真的是沐白

最新推荐文章于 2020-07-13 17:55:34 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/dreamjay1997/article/details/80393495

本文介绍了一个HTML表单的实现方式，特别是如何通过JavaScript进行表单提交前的内容验证，确保用户输入非空。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面中的评论提交表单，这里要注意当onsubmit为真时才会提交

<form class="comment_form" method="post" action="/HUPU/Showtiezi" onsubmit="return checkSubmit()">
	    		<textarea placeholder="期待你的神评论..." name="pl_main" ></textarea>
	    		<input type="hidden" value="<%=bean.getUsename()%>" name="pl_name"/>
	    		<input type="hidden" value="<%=bean3.getTitle()%>" name="pl_title"/>
	    		
	    		<input type="hidden" value="<%=tname%>" name="tname" />
	    		<input type="hidden" value="<%=bean3.getTime()%>" name="time" />
	    		<input type="hidden" value="<%=bean3.getLei()%>" name="lei"/>
	    		<input class="sub" type="submit" value="发表评论"/>
</form>

引入js文件中判断提交合法条件的语句

function checkSubmit(){
	var textarea = document.getElementsByTagName('textarea');
	var text = textarea[0].value;
	//防止输入空串
	var str = "";
	for(var i = 0, j = 0; i < text.length; i ++){
		if(text[i] != ' ') {
			str[j] = text[i];
			j ++;
		}
	}
	if(str){
		return true;
	}else {
		alert('输入不能为空!');
		return false;
	}
}