jQuery中文转拼音并计算出唯一编号

来源:https://www.sucaihuo.com/js/2882.html 2017-08-31 21:39浏览(412) 收藏

一款jQuery中文转拼音并计算出唯一编号的特效,在姓名的输入框里面输入中文,然后在下面的拼音输入框里点击一下,自动讲中文转换成拼音,接着点击一下“编号”按钮,自动计算出对应的唯一编号。
jQuery中文转拼音并计算出唯一编号
分类:表单代码 > 输入框 难易:初级
查看演示 下载资源: 9 下载资源 下载积分: 20 积分

页面的head部分,需引入页面的样式文件、jQuery库和功能插件,代码如下:

<link type="text/css" rel="stylesheet" href="css/style.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/function.js"></script>

页面的body部分,在div容器里面设置好两个input text输入框和一个input button按钮,代码如下:

<div class="container">
	<div class="list">
		<span>
			<label>姓名:</label>
			<input class="xv_hanzi" type="text" placeholder="在这里输入中文" />
			<!--<input class="xv_hanzi" type="text" placeholder="在这里输入中文"  onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" />--><br/>
			<label>拼音:</label>
			<input type="text" class="xv_pinyin" >
		</span>
		<span class="xv_go">
			<input class="xv_submit" type="button" value="编号">
		</span>
	</div>
	<div class="shengcheng">
	</div>
</div>
标签: 拼音中文编号
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

  • 头像 椅子
    09-14 11:00
    w***u
    效果非常好
  • 头像 沙发
    09-09 09:23
    f***杰
    非常好的效果,
1 2