求技术高手给写个JS代码 使下面这个提交表单 没有输入姓名 手机号码 等前提下不能提交表单申请!谢谢

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了求技术高手给写个JS代码 使下面这个提交表单 没有输入姓名 手机号码 等前提下不能提交表单申请!谢谢相关的知识,希望对你有一定的参考价值。

<form action="/plus/diy.php" enctype="multipart/form-data" method="post">
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="1" />
<input type="hidden" name="do" value="2" />
<table style="width:97%;" cellpadding="0" cellspacing="1">
<tr>
<td align="right" valign="top">姓名:</td>
<td><input type='text' name='xingming' id='xingming' style='width:200px' class='intxt' value='' />
</td>
</tr>
<tr>
<td align="right" valign="top">联系电话:</td>
<td><input type='text' name='lianxidianhua' id='lianxidianhua' style='width:200px' class='intxt' value='' />
</td>
</tr>
<tr>
<td align="right" valign="top">性别:</td>
<td><input type='radio' name='sex' class='np' value='男' checked>男
<input type='radio' name='sex' class='np' value='女'>女
</td>
</tr>
<tr>
<td align="right" valign="top">税后收入:</td>
<td><select name='inc' style='width:150px'><option value='请选择您的范围'>请选择您的范围</option>
<option value='2000元-2999元'>2000元-2999元</option>
<option value='3000元-3999元'>3000元-3999元</option>
<option value='4000元-4999元'>4000元-4999元</option>
<option value='5000元-5999元'>5000元-5999元</option>
<option value='6000以上'>6000以上</option>
</select>
</td>
</tr>
<tr>
<td align="right" valign="top">工资发放形式:</td>
<td><input type='radio' name='paytype' class='np' value='银行' checked>银行
<input type='radio' name='paytype' class='np' value='现金'>现金
</td>
</tr>
<tr>
<td align="right" valign="top">申请类型:</td>
<td><select name='shenqingleixing' style='width:150px'><option value='选择申请类型'>选择申请类型</option>
<option value='工薪阶层'>工薪阶层</option>
<option value='有房人士'>有房人士</option>
<option value='私营业主'>私营业主</option>
<option value='社保公积金'>社保公积金</option>
</select>
</td>
</tr>
<tr>
<td align="right" valign="top">详细内容:</td>
<td><input type="hidden" id="xiangxineirong" name="xiangxineirong" value="" style="display:none" /><input type="hidden" id="xiangxineirong___Config" value="FullPage=false" style="display:none" /><iframe id="xiangxineirong___Frame" src="/include/FCKeditor/editor/fckeditor.html?InstanceName=xiangxineirong&Toolbar=Diy" width="100%" height="350" frameborder="0" scrolling="no"></iframe></td>
</tr>

<input type="hidden" name="dede_fields" value="xingming,text;lianxidianhua,text;shenqingleixing,select;xiangxineirong,htmltext;sex,radio;inc,select;paytype,radio" />
<input type="hidden" name="dede_fieldshash" value="e2caaf47ed077c30de296ccf4356acb2" /></table>
<div align='center' style='height:30px;padding-top:10px;'>
<input type="submit" name="submit" value="提 交" class='coolbg' />
 
<input type="reset" name="reset" value="重 置" class='coolbg' />
</div>
</form>

参考技术A 在<head>中加入以下脚本
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!--
window.onload = function()
// 给FORM加上submit事件
document.getElementsByTagName('FORM')[0].onsubmit = function()
var xm = this.xingming;
if (xm.value == null ||
(xm.value=xm.value.replace(/^\s+|\s+$/g, "")) == "") // 判断是否为空或空格
window.alert("请输入姓名");
xm.focus();
return false;

var dh = this.lianxidianhua;
if (dh.value == null ||
(dh.value=dh.value.replace(/^\s+|\s+$/g, "")) == "") // 判断是否为空或空格
window.alert("请输入联系电话");
dh.focus();
return false;

if (this.inc.selectedIndex <= 0)
window.alert("请选择税后收入");
this.inc.focus();
return false;

if (this.shenqingleixing.selectedIndex <= 0)
window.alert("请选择申请类型");
this.shenqingleixing.focus();
return false;

var nr = this.xiangxineirong;
if (nr.value == null ||
(nr.value=nr.value.replace(/^\s+|\s+$/g, "")) == "") // 判断是否为空或空格
window.alert("请输入联系电话");
nr.focus();
return false;

return true;


//-->
</SCRIPT>
参考技术B <form action="/plus/diy.php" enctype="multipart/form-data" method="post">
改成
<form action="/plus/diy.php" enctype="multipart/form-data" method="post" onsubmit="javascript:return chkfrm(this);">
加入如下脚本:
<script language="javascript">
function chkfrm(frm)
if(frm.xingming.value=='')
alert('请填写姓名!');
return false;

if(frm.lianxidianhua.value=='')
alert('请填写联系电话!');
return false;

if(frm.inc.value=='请选择您的范围')
alert('请选择税后收入!');
return false;

if(frm.shenqingleixing.value=='选择申请类型')
alert('请选择申请类型!');
return false;

if(frm.xiangxineirong.value=='')
alert('请填写详细内容!');
return false;


</script>

HTML表单提交到.HTML实例

form action="1.html" method="get" 在另一个html里如何接收呢? 不用js行吗? 请给出完整代码.
用js 请给出完整代码..

参考技术A 。。。

你提交过去有啥意义???
html语言没有编程能力,是一种文本标记语言而已,你指望它能捕获get然后进行相应处理的话是不可能的。追问

只要能提交就可以了

参考技术B 单纯的使用html是不能做到2个页面之间的相关。必须借助到其他的语言。 参考技术C 除非第二个页面时jsp或者什么,html是不能接收参数的。html可以说是静态的。 参考技术D String id = request.getparmeter("id"); 第5个回答  2013-11-18 直接参数传递

以上是关于求技术高手给写个JS代码 使下面这个提交表单 没有输入姓名 手机号码 等前提下不能提交表单申请!谢谢的主要内容,如果未能解决你的问题,请参考以下文章

form.action传参之后servlet不能接收form表单数据,附上代码,求高手解决

求C# winform中点击按钮执行网页JS提交表单代码实现~~!

java form表单提交到另一个jsp页面,但页面不跳转过去,求指点

html文件上传表单问题

asp中如何使表单提交数据后不跳转到该页面?

有没有LINUX高手,给弄一个一键脚本吧,