<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="wap-font-scale" content="no">
<meta name="applicable-device" content="mobile">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,
minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>demo</title>
<link rel="stylesheet" href="style/basic.css" type="text/css" />
<link rel="stylesheet" href="style/guahao.css" type="text/css" />
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
</head>
<body>
<div class="cont">
<h3 class="heading">提交信息</h3>
<form action="info.php" name="infoForm" method="post">
<ul class="order">
<li>
<label for="username">姓 名</label>
<p><input type="text" id="username" name="username" placeholder="请输入您的姓名" maxlength="60"><p></li>
<li>
<label for="phone">联系电话</label>
<p><input type="text" id="phone" name="phone" placeholder="请输入您的电话" maxlength="20"></p>
</li>
<li>
<label for="depa">预约项目</label>
<p>
<select name="depa" id="depa">
<option value="1" selected>选项一</option>
<option value="2">选项二</option>
<option value="3">选项三</option>
<option value="4">选项四</option>
<option value="5">选项五</option>
</select>
</p>
</li>
<li>
<label>预约时间</label>
<p>
<input type="radio" name="day" id="today" value="1" checked><label for="today">今天</label>
<input type="radio" name="day" id="tomorrow" value="2"><label for="tomorrow">明天</label>
<input type="radio" name="day" id="postnatal" value="3"><label for="postnatal">后天</label>
<input type="radio" name="day" id="week" value="4"><label for="week">一周内</label>
</p>
</li>
</ul>
<div class="btn">
<input type="submit" value="提交" class="f_l">
<a href="/zixun/" target="_blank" rel="nofollow" class="f_l">快速问医生</a>
</div>
</form>
</div>
<script>
function $id(id){
return document.getElementById(id);
}
$(function(){
$id('username').onblur = function(){
usernameOnblur(this);
};
$id('phone').onblur = function(){
phoneOnblur(this);
};
document.infoForm.onsubmit = function(){
return check();
};
});
function usernameOnblur(obj){
var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]")
var str = "";
for (var i = 0; i < obj.value.length; i++) {
str = str+obj.value.substr(i, 1).replace(pattern, '');
}
$id('username').value = str;
}
function phoneOnblur(obj){
var re = /^1\d{10}$/;
if (re.test(obj.value)) {
return true;
}else{
return false;
}
}
function check(){
var phone = phoneOnblur($id('phone'));
if(phone){
return true;
}else{
alert('填写的手机号码不正确');
return false;
}
}
</script>
</body>
</html>
效果图：
别一种写法：
<script>
$(function()
{
$('#fkForm').submit(function()
{
if (fkCheckForm() == false) {
return false;
}
function fkCheckForm(){
if(form1.name.value.charAt(i)>'0' && form1.name.value.charAt(i)<'9')
{
alert("名字不能带数字");
return false;
}
if(document.form1.name.value.length<2||document.form1.name.value.length>4)
{
alert("名字输入有误");
return false;
}
for(var i=0; i<form1.contacts.value.length; i++)
{
if(form1.contacts.value.charAt(i)<'0' || form1.contacts.value.charAt(i)>'9')
{
alert("联系电话只能是数字");
return false;
}
}
if(document.form1.contacts.value.length>11||document.form1.contacts.value.length<7)
{
alert("联系电话输入有误");
return false;
}
}
});
});
</script>
相关推荐
总结来说，JavaScript的正则表达式提供了一种强大的工具来校验和过滤输入数据中的特殊字符，确保数据的合规性和安全性。理解正则表达式的语法和如何正确转义特殊字符，是编写这类校验功能的关键。在实际开发中，应...
在IT行业中，过滤特殊字符和表情符号是一项常见的需求，特别是在处理用户输入数据或者进行文本解析时。这可以防止潜在的安全问题，比如SQL注入，也可以确保数据的格式正确性，提高用户体验。以下将从标题和描述中...
标题《xss特殊字符拦截与过滤》以及描述《滤除content中的危险HTML代码，主要是脚本代码，滚动字幕代码以及脚本事件处理代码》提示我们这个文件内容是关于XSS（跨站脚本攻击）防护的编程实现。XSS攻击是指攻击者通过...
在JavaScript中，过滤特殊字符通常需要使用正则表达式来完成。正则表达式是一种强大的文本匹配工具，它能够定义一个搜索模式，用来匹配字符串中的字符组合。在处理用户输入的场景中，常常需要过滤掉输入内容中的特殊...
标题中所提及的“JavaScript代码判断输入的字符串是否含有特殊字符和表情”，实质上是介绍了一种使用JavaScript语言进行前端数据验证的技术方法。这种技术常见于各种表单验证中，用于确保用户输入的数据符合特定格式...
在URL传递参数中，有一些特殊字符，而这些些符号在URL中是不能直接传递的，如果要在URL中传递这些特殊符号，那么就要使用他们的编码了。下表中列出了一些URL特殊符号及编码十六进制值 1. + URL 中+号表示空格 + 2. ...
JavaScript过滤SQL注入字符 在Web开发中，SQL注入是一种常见的安全威胁，攻击者可以通过输入恶意的SQL代码来操控数据库。JavaScript作为客户端脚本语言，虽然主要负责与用户交互，但也可以在防止SQL注入方面发挥...
在开发Web应用时，我们经常会遇到一个问题：当使用Spring MVC的`@ResponseBody`注解将后端处理结果直接转化为HTTP响应体时，如果这个结果中包含HTML特殊字符，如尖角号、引号、按位与符号等，浏览器可能会误解析，...
本文主要介绍了一个基于JavaScript的函数TextValidate，该函数能够根据不同情况（如直接输入、粘贴以及拖拽）来过滤掉输入中的特殊字符。 在给出的代码片段中，首先定义了函数TextValidate，它接收一个参数type，...
代码如下://匹配中文 数字 字母 下划线 var checkInput = function (str) { var pattern =var pattern = /^[\w\u4... }1.js中用正则表达式 过滤特殊字符, 校验所有输入域是否含有特殊符号 代码如下:function strip
`OperateSpecialChars.js`可能是一个包含了各种字符串处理函数的库，用于转换或过滤特殊字符。这些函数可能包括`escape()`、`encodeURIComponent()`、`decodeURIComponent()`等，它们分别用于对字符串进行编码和解码...
在提供的代码中，`stripscript`函数就是一个用于过滤JS特殊字符的示例，旨在减少XSS攻击的可能性。该函数通过正则表达式匹配并移除字符串中可能引起XSS攻击的字符。 正则表达式`/%–`~!@#$^&*()=|{}’:;’,\\[\\]....
题目中提供了一个简单的JavaScript函数`_RemoveBad`，其功能是过滤掉上述提到的特殊字符。具体分析如下： ```javascript function checkForm() { document.forms[0].userName.value = _RemoveBad(document.forms[0...
过滤特殊字符通常是指去除字符串中的特殊符号，比如HTML中的标签、脚本注入字符等。在jQuery中，我们可以通过正则表达式结合字符串的`replace`方法来实现。 例如，若要过滤掉字符串中的一些常见特殊字符，可以使用...
上述文件中提到的“自动过滤特殊字符和替换中文标点操作”是通过在Vue组件的事件处理中使用正则表达式来实现的。具体步骤如下： 1. 在Vue组件中使用`v-model`指令创建双向数据绑定，将输入框的值绑定到组件的一个...
`特殊字符过滤代码` 指的是编程中用于检查和处理输入数据中可能存在的不安全或非法字符的代码段。在处理用户输入时，为了防止SQL注入、跨站脚本（XSS）攻击或其他安全风险，开发者需要确保数据中不包含可能导致系统...