js表单提交时验证_用JS提交表单时如何验证表单项

① 用js提交表单时如何验证表单项

都可以的，在以上的代码里面可以，在obsubmit代码里面也可以，例如可以：

function selectByMoreC(Action){
document.forms["salChanceForm"].method = "post";
document.forms["salChanceForm"].action = Action;
if (document.forms["salChanceForm"].myinput.value.match(/[^0-9]/)）
{
alert('xxx只能输专入数属字！');
}//还可以添加其它一些字段的判断
else document.forms["salChanceForm"].submit();
}

② 如何在form中调用js表单验证

比如有个表单

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

js验证函数：

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}
}

当提交表单的回时候就会触答发验证，运行结果：

③ js form表单提交验证


$("form").submit(function(e){

if(!($('userName').val()=="预设的值"||$('password').val()=="预设的值")){
alert('用户名密码不对！内');
e.preventDefault();
}
});

请引入jquery~

望采容纳~~

④ js验证和提交表单问题，验证的了提交不了，提交了了，验证无效

可以跟踪一下

js方法里面加如:
windows.open("1.html");
或打印小窗什么的。一点点跟下去，看出问题在哪

⑤ javaScript表单验证与提交

<form action='a.aspx' onsubmit='return chk()'>
<input type='text' name='uname' id='uname'/>
<input type='text' name='upwd' id='upwd'/>
</input type='submit' value='提交'/>
</form>
<script>
function chk()
{
var u = document.getElementById('uname').value;
var p = document.getElementById('upwd').value;
if(u=='')
{
alert('请填写用户名');
return false;
}
if(p=='')
{
alert('请填写密码');
return false;
}
return true;
}
</script>
a.aspx.cs
string uname = Request.Form["uname"];
string upwd= Request.Form["upwd"];

⑥ 提交表单时，怎么控制先进行JS验证，如果通过JS验证再连接服务器执行PHP语句呢

我把代码都写在一个文件里面命名为 test.php 你可以测试一下我只是写了个意思具体的操作你可以自己再写我测试没问题了

<html>
<head>
<script type="text/javascript" src="update.js"></script>
<form action = "update.php" method = "POST">
</form>
</head>
<body>
<form action = "test.php" onsubmit="return my_check();" method = "POST">
<table>
<tr><td><label for = "id">文件号：</label></td><td><input type = "text" size="8" name = "id" id='my_id' /></td></tr>
<tr><td><label for = "user">姓名：</label></td><td><input type = "text" size = "8" name = "user" /></td></tr>
<tr><td><input type = "submit" name = "submit" value = "提交更新"/>
<input type = "hidden" name = "action" value = "add" />
<input type = "reset" name = "reset" value = "重新填写" /></td></tr>
</table>
</form>
</body>
</html>

<script language=javascript>
function my_check(){
var a = document.getElementById("my_id");
if(a.value==""){
alert ("文件号不能为空"+"\n"+"请加上");
a.focus();
return(false);
}
else{
return(true);
}
}
</script>

<?
$act = $_POST['action'];
if($act == 'add'){
$id = $_POST['id'];
echo "您输入了".$id;
}
?>

⑦ jsp关于js注册表单验证问题：事件为submit按钮提交验证的onClick事件，先看一下部分主要代码:

click里面应该加上return，如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function check(){
var name=document.form.username.value;
if(name=='')
{
alert("no null!");
return false;
}
else{

alert("hello world!");

}
}
</script>
<body>

</head>
<body>
<form action="test2.jsp" name="form" method="post" >
输入用户名：<input name="username" type="text" onblur="check()"/>
用户姓名：<input name="name" type="text"/>
<input type="submit" name="Submit" value="登录" onclick="return check();"/>
</form>
</body>
</html>

最好还是在onsubmit验证，因为有时候是直接回车提交的，不一定按按钮，如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function check(){
var name=document.form.username.value;
if(name=='')
{
alert("no null!");
return false;
}
else{

alert("hello world!");

}
}
</script>
<body>

</head>
<body>
<form action="test2.jsp" name="form" method="post" onsubmit="return check();">
输入用户名：<input name="username" type="text" onblur="check()"/>
用户姓名：<input name="name" type="text"/>
<input type="submit" name="Submit" value="登录" />
</form>
</body>
</html>

⑧ JS表单验证

你失去焦点验证写好了，就点击注册再验证一边，把验证的代码封装好，然后返回一个bool值判断是否通过验证，然后如果全部通过就提交表单，否则就不提交表单

⑨ JavaScript表单提交验证

你应该直接在登录按钮的click事件中写：

<script>
$("#login").click(function(){
//把你的三个验证所用到的代码，放到这里来，最主要是一旦验不通过就returnfalse;反之就往下运行
//用if也可以，用switch也可以，你这样三个方法分别是是笨方法哦！
});
</script>

⑩ javascript提交表单时验证

导航:首页 > 编程语言 > js表单提交时验证

js表单提交时验证

与js表单提交时验证相关的资料

友情链接