javascript 怎么实现即时验证表单信息
比如：在jsp中有一个表单：<formaction="../address/addaction.do"method="post">姓名：<inputtype="text"...
比如：在jsp中有一个表单：
<form action="../address/addaction.do" method="post">
姓名：<input type="text" name="name"/><br>
密码：<input type="text" name="password"/><br>
<input type="submit" value="提交"/><br>
</form>
如果在注册的时,我在添加姓名的时候添加了字母，马上就弹出对话框警告；
也就是即时验证表单
用javascript 怎么实现哈 展开
<form action="../address/addaction.do" method="post">
姓名：<input type="text" name="name"/><br>
密码：<input type="text" name="password"/><br>
<input type="submit" value="提交"/><br>
</form>
如果在注册的时,我在添加姓名的时候添加了字母，马上就弹出对话框警告；
也就是即时验证表单
用javascript 怎么实现哈 展开
5个回答
展开全部
javascript 实现即时验证表单信息二种方法:
第一种方式：表单提交，在form标签中增加onsubmit事件来判断表单提交是否成功
<script type="text/javascript">
function validate(obj) {
if (confirm("提交表单?")) {
alert(obj.value);
return true;
} else {
alert(obj.value);
return false;
}
}
</script>
<body>
<form action="http://www.baidu.com" onsubmit="return validate(document.getElementByIdx_x('myText'));"> <!—参数的这种写法注意下-->
<input type="text" id="myText"/>
<input type="submit" value="submit"/>
</form>
</body>
第二种方式：通过button按钮来触发表单提交事件onclick="submitForm();"，会忽略掉其他标签中的属性，比如form标签中的onsubmit属性就失效了。这时为了进行表单验证，可以将验证代码放在submitForm();方法中进行验证。
<script type="text/javascript">
function validate() {
if (confirm("提交表单?")) {
return true;
} else {
return false;
}
}
function submitForm() {
if (validate()) {
document.getElementByIdx_x("myForm").submit();
}
}
</script>
<body>
<form action="http://www.baidu.com" id="myForm">
<input type="text"/>
<input type="button" value="submitBtn" onclick="submitForm();"/> <!—也可以使用document.getElementByIdx_x(“该按钮的id”).click();来执行onclick事件-->
</form>
</body>
第一种方式：表单提交，在form标签中增加onsubmit事件来判断表单提交是否成功
<script type="text/javascript">
function validate(obj) {
if (confirm("提交表单?")) {
alert(obj.value);
return true;
} else {
alert(obj.value);
return false;
}
}
</script>
<body>
<form action="http://www.baidu.com" onsubmit="return validate(document.getElementByIdx_x('myText'));"> <!—参数的这种写法注意下-->
<input type="text" id="myText"/>
<input type="submit" value="submit"/>
</form>
</body>
第二种方式：通过button按钮来触发表单提交事件onclick="submitForm();"，会忽略掉其他标签中的属性，比如form标签中的onsubmit属性就失效了。这时为了进行表单验证，可以将验证代码放在submitForm();方法中进行验证。
<script type="text/javascript">
function validate() {
if (confirm("提交表单?")) {
return true;
} else {
return false;
}
}
function submitForm() {
if (validate()) {
document.getElementByIdx_x("myForm").submit();
}
}
</script>
<body>
<form action="http://www.baidu.com" id="myForm">
<input type="text"/>
<input type="button" value="submitBtn" onclick="submitForm();"/> <!—也可以使用document.getElementByIdx_x(“该按钮的id”).click();来执行onclick事件-->
</form>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<SCRIPT language=javascript>
function test(){
var str=document.getElementById("text1").value;
var Expression=/[a-zA-Z]/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
alert("不要输入字母");
return true;
}else{
return false;
}
}
</SCRIPT>
<input type="text" id="text1" name="text1" value="" onkeyup="test()" />
</html>
正好在看正则表达式,有个例子,看看合不合适......
<SCRIPT language=javascript>
function test(){
var str=document.getElementById("text1").value;
var Expression=/[a-zA-Z]/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
alert("不要输入字母");
return true;
}else{
return false;
}
}
</SCRIPT>
<input type="text" id="text1" name="text1" value="" onkeyup="test()" />
</html>
正好在看正则表达式,有个例子,看看合不合适......
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
很简单的，一般是利用onchange="chk1()",然后利用的是值一发生改变就会调用chk1的事件，而该事件就是对其值进行验证的，但对于用户的验证，往往还要采用AJAX中的XMLHTTP进行验证，这个涉及服务器的知道，也可以想办法实现！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
function check(){
if(doucment.form1(表单的name值).name.text.equals("条件")){
alert("需要弹出的消息");
}
}
</script>
<input type="button" value="提交" onClick="check">
function check(){
if(doucment.form1(表单的name值).name.text.equals("条件")){
alert("需要弹出的消息");
}
}
</script>
<input type="button" value="提交" onClick="check">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要用到时间函数吧.setTimeinterval什么的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
