一款jQuery中文转拼音并计算出唯一编号的特效,在姓名的输入框里面输入中文,然后在下面的拼音输入框里点击一下,自动讲中文转换成拼音,接着点击一下“编号”按钮,自动计算出对应的唯一编号。
页面的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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791