如何在输入为空时停止发送
how to stop send when input is empty
本文关键字:输入 更新时间:2023-09-26
如何停止发送表单中的联系人并显示消息以填充输入
我使用文本输入及其在jquery消息中的显示,如facebox
我用这个代码
头内
<script type="text/javascript">
function checkForm(form) {
var nameCheck = checkName(form.elements['name']),
mailCheck = checkMail(form.elements['email']),
phoCheck = checkPho(form.elements['phone']),
msgCheck = checkMsg(form.elements['msg']);
return nameCheck && mailCheck && phoCheck && msgCheck;
}
function checkName(input) {
var check = input.value.length >= 30;
input.style.borderColor = check ? 'black' : 'red';
return check;
}
function checkMail(input) {
var check = input.value.indexOf('@') >= 0;
input.style.borderColor = check ? 'black' : 'red';
return check;
}
function checkPho(input) {
var check = input.value.length >= 5 && input.value !== 'رقم الهاتف';
input.style.borderColor = check ? 'black' : 'red';
return check;
}
function checkMsg(textarea) {
var check = textarea.value.length >= 500;
textarea.style.borderColor = check ? 'black' : 'red';
return check;
}
</script>
体内
<form id="formsend" action="form.php" method="post" onsubmit="return checkForm(this)">
<input name="name" type="text" value="اسمك الكريم" id="name" onblur="if (this.value=='')this.value='اسمك الكريم'" onclick="value=''" onkeyup="checkName(this)" />
<br />
<input name="email" type="text" id="email" value="البريد الالكتروني" onblur="if (this.value=='')this.value='البريد الالكتروني'" onclick="value=''" onkeyup="checkMail(this)" />
<br />
<input name="phone" type="text" id="phone" value="رقم الهاتف" onblur="if (this.value=='')this.value='رقم الهاتف'" onclick="value=''" onkeyup="checkPho(this)" />
<br />
<textarea name="msg" cols="39" rows="5" placeholder="نص الرساله" onkeyup="checkMsg(this)" wrap=soft></textarea>
<br />
<input type="submit" value="ارسال" id="submit" />
</form>
但它只适用于电子邮件
我有4个输入(姓名、电子邮件、电话、信息)
有人能告诉我需要编辑什么吗?或者学习我可以用它做什么??
您应该在javascript中添加检查,以查看姓名、电子邮件、电话和消息的值是否等于默认值。它现在可能正在提交表格,因为电话字段默认为رقمالهات㺁,似乎大于5个字符。
编辑:这里有一个例子:
function checkPho(input) {
var check = input.value.length >= 5 && input.value !== 'رقم الهاتف';
input.style.borderColor = check ? 'black' : 'red';
return check;
}
相关文章:
- 为什么不't Javascript对我的输入值进行了一些重新检查
- 可以't让我的if语句处理js中的html表单输入
- 名称输入的索引
- 如何编写HTML输入的JS内联
- 要求输入在数据列表中
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 如何将输入(type=text)从html表单传递到javascript函数
- 单击jquery清除输入值
- 而循环只设置php中输入字段中的第一个值
- 在输入字段中将最小金额设置为
- jQuery自定义验证比较多个输入的序列
- Sails.js:同时发布文本输入和一个文件
- 使用javascript检查多个输入值,并在1次检查中标记多个输入框
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- 使用jquery在单击时在单元格中输入值
- Ajax文件加载和<输入>文件加载
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 将值输入到对象,然后该对象推送到数组
- 如果我在javascript中输入无效的电子邮件或空白,如何显示特定的文本框边框红色